Skip to content

UI: The tooltip hides open menus when #3330

Description

@Cozmoz

Describe the bug

When you click on a toolbar item the tooltip remains visible overlaying the menu below it. I have found this to be an issue for "Headings", "Insert table" and "More".

To Reproduce

Steps to reproduce the behavior:

  1. Go to the toolbar
  2. Click on a menu item
  3. The tooltip overlays menu

Expected behavior

I would like the tooltip to either open above the menu items or clear when a menu is open.

Screenshots

Image

Desktop (please complete the following information):

Patch

I have patched the issue with the below CSS but feel this is worth looking into.

/* Hides the tooltip when popup is open */
.toastui-editor-defaultUI-toolbar:has(+ .toastui-editor-popup[style*="display: block;"]) .toastui-editor-tooltip {
  display: none !important;
}

/* Hides tooltip when the internal dropdown is visible */
.toastui-editor-defaultUI-toolbar:has(.toastui-editor-dropdown-toolbar:not([style*="display: none"])) .toastui-editor-tooltip {
  display: none !important;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions