Skip to content

Flyout hidden visibility #284

@smtsj

Description

@smtsj

Describe the bug

To hide the flyout content, the styling is set to visibility:hidden and opacity: 0. When at a bottom of a page, this causes an overflow. It's basically "preserving" the space for the flyout to render.

Expected behavior

The hidden state should not "preserve" the needed space. Usage of (for example) display: none to hide the flyout instead of visibility: hidden and opacity: 0 would fix that.

Screenshots

Schermopname 2022-05-16 om 12 44 49

OS

  • Device: Mac
  • OS: 12.3.1 macOS Monterey
  • Browser: Chrome
  • Version: 101.0.4951.64

Additional context

In the Redactie project we're using v5 of Antwerp UI, so would be great if this can also be fixed in v5.

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