Skip to content

[Safari] Cat-tooltip&cat-dropdown: popups are flickering in Safari when a parent is a container #772

@glushkova91

Description

@glushkova91

Describe the bug
Cat-tooltips and cat-dropdowns are flickering inside container elements. As a workaround contain: layout on the parent can be used (floating ui bug discussion) but this workaround doesn't work in Safari.
Also consider absolute strategy of floating-ui.

To Reproduce
Steps to reproduce the behavior:

  1. Assign container css rule to an element (https://developer.mozilla.org/en-US/docs/Web/CSS/container).
  2. Insert cat-tooltip or cat-dropdown to the element
  3. Open this element in Safari and hover on a trigger
  4. See how tooltip/dropdown flickering

Expected behavior
No flickering.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • Browser: Safari

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions