fix dropDown disabled

editors/demo/src/HHMI/HHMI.js

@@ -39,8 +39,10 @@ const t = `<p class="paragraph"></p>
 
 const Hhmi = () => {
   const [submited, isSubmited] = useState(false);
+  const [readOnly, isReadOnly] = useState(false);
   const submitQuestions = () => {
     isSubmited(true);
+    isReadOnly(true);
   };
 
   return (
@@ -52,7 +54,7 @@ const Hhmi = () => {
         customValues={{ showFeedBack: submited }}
         fileUpload={file => renderImage(file)}
         value={t}
-        // readonly
+        readonly={readOnly}
         layout={HhmiLayout}
         onChange={source => console.log(source)}
       />

wax-prosemirror-services/src/WaxToolGroups/MultipleDropDownToolGroupService/DropComponent.js

@@ -48,6 +48,9 @@ const DropComponent = ({ title, view, tools }) => {
   const { state } = view;
 
   const [label, setLabel] = useState(null);
+  const isEditable = main.props.editable(editable => {
+    return editable;
+  });
 
   const dropDownOptions = [
     {
@@ -83,7 +86,8 @@ const DropComponent = ({ title, view, tools }) => {
     });
   }, [activeViewId]);
 
-  const isDisabled = tools[0].select(state, activeView);
+  let isDisabled = tools[0].select(state, activeView);
+  if (!isEditable) isDisabled = false;
 
   const onChange = option => {
     tools[option.value].run(main, context);