Skip to content

Bug - Popper - flash of incorrectly positioned popper on open #12264

Description

@fallmo

Describe the problem
Popper elements (dropdowns, select, etc.) occasionally flash at the top-left of the screen before appearing in their correct position.

Explanation
When a popper opens, there's a race condition between:

  1. The popper element being rendered (initially with opacity: 0)
  2. Popper.js calculating and applying the correct position
  3. The opacity transitioning to 1

The opacity transitions to 1 before Popper.js finished calculating and applying the position transform.

How do you reproduce the problem?

  1. Go to the PatternFly dropdown component page.
  2. Open and close the dropdowns back to back.

Screenshots

  • PF website
new2.mov
  • RH website
new3.mov

What is your environment?

  • OS: macOS Tahoe 26.3

  • Browser: Safari 26.3

  • CPU: M3

  • Memory: 24 GB


Jira Issue: PF-3668

Activity

  1. added theissue type on Mar 6, 2026
  2. fallmo commented on Mar 8, 2026

    @fallmo
    ContributorAuthor

    The issue occurring in Firefox (version 148.0) on the same computer

    Screen.Recording.2026-03-08.at.6.38.25.PM.mov
  3. fallmo commented on Mar 9, 2026

    @fallmo
    ContributorAuthor

    Browser: Safari
    PF Version: 6.5.0-prerelease.33

    pf-staging.mov

    hey @thatblindgeye, I just responded to your comment explaining how the occurs seems to mostly occur on safari.

  4. github-actions commented on Jun 4, 2026

    @github-actions

    This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

  5. added
    Breaking change 💥this change requires a major release and has API changes.
    and removed on Jun 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Breaking change 💥this change requires a major release and has API changes.

    Type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions