Skip to content

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

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

    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