Inline Link Tool Not Usable in Nested EditorIS Instances (Columns Input Flashes/Disappears #2968
Unanswered
nancy1234567890
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
When using Editor/S with a columns/nested editor setup, the inline link tool (both official and editoris-hyperlink) does not workc the link input flashes and disappears immediately. All attempts to prevent this have failed, and it appears to be a fundamental limitation of Editor)S's inline toolbar lifecycle.
Nested editor: Using a custom columns tool that creates multiple EditorIS instances inside a block.
Inline link tool: Tried both getitorjs/link and etitorjs hyperlink.
Angular frontend, but issue is framework-agnostic
The Problem
When I select text and dick the link tool in a nested editor (column), the link input appears for a split second, then disappears ("flashes).
The input is being removed from the DOM by Editoris core, not by the link tool itself.
This makes it impossible to add inline links in columns/hested editors
What I've Tried
Forced.ce-inline-tool-input to be visible and on top. No effect, since the input is removed from the DOM
Stopped event propagation, prevented blur, etc. No effect.
Observed the DOM and re-inserted the input when removed.
This causes an infinite loop: Editoris removes it, I re-insent Editor/5 removes again, etc. The input just flashes.
Patched the inline toolbar's close method to prevent closing when the input is focused. No effect; Editoris still removes the input.
Same result with both geditor.js/link and editorjs
hyperlink.
All tool names are correct and present in both parent and nested editors.
Is there any supporter way to use inline link tools in nested Editorjs editors(columns)?
Beta Was this translation helpful? Give feedback.
All reactions