Skip to content

Bug: Popover inline toolbar shows scrollbars in Safari #2988

Open

Description

@bayville

In Safari, highlighting text opens the popover toolbar. The toolbar shows scrollbars, partially covering the items/options in the inline-toolbar.

Steps to reproduce:

  1. Highlight text to get the popover toolbar to open

Expected behavior:
Display all items in the toolbar without scrollbars

Screenshots:
Image

Device, Browser, OS:
Macbook, Safari v26.2, Tahoe 26.2

Editor.js version:
2.31.2

Activity

  1. neSpecc commented on Feb 18, 2026

    @neSpecc
    Member

    Possible solutions:

    1. Disable scrolling in the Inline Toolbar and let it grow constantly depending on number of tools.
    2. Implement custom scrolling utility with fancy scrollbars like Mac OS has but more compact.
  2. added a commit that references this issue on Feb 19, 2026
    a00cdff
  3. neSpecc commented on Feb 25, 2026

    @neSpecc
    Member

    Hey @bayville, @pierreeurope, @danielalanbates,
    I’ve tested this in Safari 26.3 and wasn’t able to reproduce the issue.

    Could you please explain how to reproduce it?

    Also, I noticed an issue with the icons in your screenshot: some of them are larger or smaller than expected. It looks like there might be a problem with your styles.

    Here’s how it looks in Safari in our example.html:

    Image
  4. bayville commented on Mar 6, 2026

    @bayville
    Author

    Hi @neSpecc!

    I can't really tell you more then to just highlight the text to reproduce it. I updated to Safari 26.3.1, Tahoe 26.3.1.
    I tested it on the next branch 2.31.4 and it appears like this on the example page:

    Image
  5. bayville commented on Mar 6, 2026

    @bayville
    Author

    @neSpecc

    I checked out this PR and tried it out, that seems to fix it for me:

    Image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions