codex-team / codex-team/editor.js
Unable to interact with tools that are overlapping another editorjs instance
- Dominant language
- TypeScript
- Stars
- 31.9k
- Forks
- 2.2k
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 1
Description
I noticed an issue when you have multiple editorjs instances close to each other you are unable to interact with the tooltip options that are overlapping the other editor.
Steps to reproduce:
1. Create at least 2 editorjs instances with min-height: 0 that are close to one another.
2. Try to interact with buttons that are overlapping the other editor's text area.
I created a simple stackblitz project that displays the issue: https://stackblitz.com/edit/vitejs-vite-yq3edc
Try to move or delete the paragraphs or click inside the link input box in the top editor.
The issue can be solved by manually increasing the "codex-editor" class's z-index.
Expected behavior: Be able to interact with all of the opened tooltip options without manually changing the z-index.
Screenshots:

Device, Browser, OS: Tested on the newest versions of Firefox and Chrome.
Editor.js version: 2.27.0
Plugins you use with their versions: None
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.