diff --git a/packages/form-js-editor/src/features/properties-panel/entries/DisabledEntry.js b/packages/form-js-editor/src/features/properties-panel/entries/DisabledEntry.js index 1988604ed..1870e1a39 100644 --- a/packages/form-js-editor/src/features/properties-panel/entries/DisabledEntry.js +++ b/packages/form-js-editor/src/features/properties-panel/entries/DisabledEntry.js @@ -47,7 +47,7 @@ function Disabled(props) { getValue, id, label: 'Disabled', - tooltip: 'Field cannot be edited by the end-user, and the data is not submitted.', + tooltip: 'Field cannot be edited by the end-user, and the data is not submitted. Takes precedence over read only.', inline: true, setValue }); diff --git a/packages/form-js-editor/src/features/properties-panel/entries/ReadonlyEntry.js b/packages/form-js-editor/src/features/properties-panel/entries/ReadonlyEntry.js index d100f94e1..003336916 100644 --- a/packages/form-js-editor/src/features/properties-panel/entries/ReadonlyEntry.js +++ b/packages/form-js-editor/src/features/properties-panel/entries/ReadonlyEntry.js @@ -13,16 +13,22 @@ export function ReadonlyEntry(props) { field } = props; + const { + disabled + } = field; + const entries = []; - entries.push({ - id: 'readonly', - component: Readonly, - editField: editField, - field: field, - isEdited: isFeelEntryEdited, - isDefaultVisible: (field) => INPUTS.includes(field.type) - }); + if (!disabled) { + entries.push({ + id: 'readonly', + component: Readonly, + editField: editField, + field: field, + isEdited: isFeelEntryEdited, + isDefaultVisible: (field) => INPUTS.includes(field.type) + }); + } return entries; }