codex-team / codex-team/editor.js

Unable to interact with tools that are overlapping another editorjs instance

Open
#2,383 7 comments 5 reactions 0 assignees View on GitHub
bug
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:
![firefox_xEhNOo81ML](https://github.com/codex-team/editor.js/assets/110194279/3057df7e-3969-4f8a-b270-62cbbd8031d0)

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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.