-
Notifications
You must be signed in to change notification settings - Fork 1.1k
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
<Listbox>
error: Uncaught Error: Maximum update depth exceeded.
#3562
Comments
FYI I've made some minor changes to the codesandbox and repro steps to make it simpler, and ensure that the error always occurs. |
I wasted three hours on this and in the end it doesn't look like I screwed anything up, so you can probably replicate the ListBox functionality with a Menu and Transition and you won't have this problem. |
|
We have the same issue, it looks like the problem starts when the listbox options overflow the window, using portal ( |
We also have the same issue. In our case, we notice it only happens on Windows device and remove transition prop from ListboxOptions will fix it. |
What package within Headless UI are you using?
@headlessui/react
What version of that package are you using?
v2.2.0
What browser are you using?
Chrome 129.0.6668.59
Reproduction URL
Describe your issue
We've noticed the following error on the production version of our app: https://react.dev/errors/185?invariant=185
Local error message:
To reproduce it (on macOS) you need to be using a mouse that isn't a Magic Trackpad/Mouse, or set the "Show scroll bars" option in Settings to "Always":
Steps to reproduce:
Worth mentioning that you can prevent the error from occurring by either of the following options:
overflow-auto
from the element on L6.The text was updated successfully, but these errors were encountered: