diff --git a/editors/demo/src/HHMI/layout/EditorElements.js b/editors/demo/src/HHMI/layout/EditorElements.js index 25b06611eb216a714fe7129137054be9be27d788..c2082c0f30d63d3c743386e34244886e05c0d387 100644 --- a/editors/demo/src/HHMI/layout/EditorElements.js +++ b/editors/demo/src/HHMI/layout/EditorElements.js @@ -12,5 +12,9 @@ const fontWriting = css` export default css` .ProseMirror { ${fontWriting} + + .ProseMirror-separator { + display: none !important; + } } `; diff --git a/wax-prosemirror-core/src/config/plugins/FakeCursorPlugin.js b/wax-prosemirror-core/src/config/plugins/FakeCursorPlugin.js index 619d6b05a215a37ef20922bd25c52454c54603c8..7249161bfdee78044cdf6e41b1c34b1c5890859f 100644 --- a/wax-prosemirror-core/src/config/plugins/FakeCursorPlugin.js +++ b/wax-prosemirror-core/src/config/plugins/FakeCursorPlugin.js @@ -33,16 +33,22 @@ export default props => { handleDOMEvents: { focus: (view, event) => { const fakeCursor = document.getElementsByTagName('fakecursor'); - if (fakeCursor && fakeCursor[0]) - fakeCursor[0].style.visibility = 'hidden'; + if (fakeCursor && fakeCursor[0]) { + for (let i = 0; i < fakeCursor.length; i++) { + fakeCursor[i].style.visibility = 'hidden'; + } + } }, blur: (view, event) => { if (view && event.relatedTarget === null) { view.focus(); } else { const fakeCursor = document.getElementsByTagName('fakecursor'); - if (fakeCursor && fakeCursor[0]) - fakeCursor[0].style.visibility = 'visible'; + if (fakeCursor && fakeCursor[0]) { + for (let i = 0; i < fakeCursor.length; i++) { + fakeCursor[i].style.visibility = 'visible'; + } + } } }, }, diff --git a/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js b/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js index 7446e0e732d3a0f9c2f600dd3977268f5cacd9ae..477d84bd22a3648d62053214881e8d3bf53fb909 100644 --- a/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js +++ b/wax-prosemirror-services/src/MatchingService/components/DropDownComponent.js @@ -113,8 +113,9 @@ const DropComponent = ({ getPos, node, view }) => { if (!isDisabled) setIsOpen(!isOpen); if (isOpen) setTimeout(() => { + console.log('here?', activeView); activeView.focus(); - }); + }, 100); }; const onKeyDown = (e, index) => { @@ -171,11 +172,9 @@ const DropComponent = ({ getPos, node, view }) => { tabIndex="0" type="button" > - <span> - {selectedOption === null || !selectedOption - ? 'Select Option' - : selectedValue[0].label} - </span> + {selectedOption === null || !selectedOption + ? 'Select Option' + : selectedValue[0].label} <StyledIcon name="expand" /> </DropDownButton> <DropDownMenu isOpen={isOpen} role="menu">