You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
CSS fixes:
Forced.ce-inline-tool-input to be visible and on top. No effect, since the input is removed from the DOM
Event hacks:
Stopped event propagation, prevented blur, etc. No effect.
MutationObserver:
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.
Override inline Toolbar.close:
Patched the inline toolbar's close method to prevent closing when the input is focused. No effect; Editoris still removes the input.
Tried both official and third-party link tools
Same result with both geditor.js/link and editorjs
hyperlink.
Confirmed tools config:
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)?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
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)?
All reactions