@bpmn-io/form-js-editor 1.7.1 → 1.7.3

package/dist/index.es.js

@@ -1390,6 +1390,7 @@ function PaletteEntry(props) {
     }
   };
   return jsxs("button", {
+    type: "button",
     class: "fjs-palette-field fjs-drag-copy fjs-no-drop",
     "data-field-type": type,
     title: `Create ${getIndefiniteArticle(type)} ${label} element`,
@@ -1482,6 +1483,7 @@ function Palette(props) {
         value: searchTerm,
         onInput: handleInput
       }), searchTerm && jsx("button", {
+        type: "button",
         title: "Clear content",
         class: "fjs-palette-search-clear",
         onClick: handleClear,
@@ -2232,6 +2234,7 @@ function Element$1(props) {
       field: field
     }), jsx(ContextPad, {
       children: selection.isSelected(field) && field.type !== 'default' ? jsx("button", {
+        type: "button",
         title: getRemoveButtonTitle(field, formFields),
         class: "fjs-context-pad-item",
         onClick: onRemove,
@@ -9704,7 +9707,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
   });
@@ -11579,15 +11582,20 @@ function ReadonlyEntry(props) {
     editField,
     field
   } = props;
+  const {
+    disabled
+  } = field;
   const entries = [];
-  entries.push({
-    id: 'readonly',
-    component: Readonly,
-    editField: editField,
-    field: field,
-    isEdited: isEdited$6,
-    isDefaultVisible: field => INPUTS.includes(field.type)
-  });
+  if (!disabled) {
+    entries.push({
+      id: 'readonly',
+      component: Readonly,
+      editField: editField,
+      field: field,
+      isEdited: isEdited$6,
+      isDefaultVisible: field => INPUTS.includes(field.type)
+    });
+  }
   return entries;
 }
 function Readonly(props) {