[Bug] menu sign not displaying properly

codex-team / editor.js

A block-style editor with clean JSON output

https://editorjs.io

Apache License 2.0

28.42k stars 2.07k forks source link

[Bug] menu sign not displaying properly #1423

Closed 0xdud closed 2 years ago

0xdud commented 3 years ago

The + sign for the menu not working properly

Steps to reproduce: 1.When I resize the browser at 1138px / 844px the + sign enters the input

Expected behavior:

Screenshots:

Device, Browser, OS: Desktop, Chrome Version 86.0.4240.183 (Official Build) (64-bit), Windows Editor's version: 2.18.0

Plugins you use with their versions:

ilyapoz commented 3 years ago

I experience the same issue when I initialize editor.js in a hidden tab of material-ui tabbed control, but this bugreport seems easier to reproduce

ilyapoz commented 3 years ago

Still reproduced in next. Can you please look into it, very annoying and basic functionality.

neSpecc commented 2 years ago

Looks like you are inserting Editor at the container which is less that a single block content width. Editor.js handles such cases enabling the Narrow Mode where the Plus button places inside the Block (because there is no space outside)