Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown menu issue with Interaction to Next Paint (INP) on mobile #2858

Open
arisnlc opened this issue Apr 22, 2024 · 0 comments
Open

Dropdown menu issue with Interaction to Next Paint (INP) on mobile #2858

arisnlc opened this issue Apr 22, 2024 · 0 comments

Comments

@arisnlc
Copy link

arisnlc commented Apr 22, 2024

Bug report

Current Behavior

On mobile version, the dropdown menu component is too slow when monitoring it with Lighthouse. This causes issues with Interaction to Next Paint (INP) metric.

image

image

Expected behavior

The dropdown menu should open much faster (similar to what happens when you don't monitor with lighthouse).

Reproducible example

  1. Go to dropdown menu example.
  2. Open developer tools, Lighthouse and start monitoring on Timespan mode and Mobile device.
  3. Wait for timespan to start.
  4. Click on the dropdown button.
  5. End timespan.

Your environment

I initially found the error locally but then I reproduced it on the radix-ui examples page.

Software Name(s) Version
Radix Package(s) react-dropdown-menu ^2.0.6
React n/a
Browser Chrome 123.0.6312.124
Assistive tech
Node n/a
npm/yarn
Operating System macOS 14.4.1 (23E224)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant