Library tested with React Compiler #3305
Replies: 2 comments 3 replies
-
|
Do you have more info? The |
Beta Was this translation helpful? Give feedback.
-
|
No rules are being broken according to the lint rules, but I will find some time to try and split down to a minimum reproducible example if I can. |
Beta Was this translation helpful? Give feedback.
-
|
Actually, this might be a bug even without using react compiler I have found using the 'fixed' strategy. I have minimised a test case and if I use a mutable ref for the reference element the positioning does not update, but it does work with a callback ref. In our component we are required to use the mutable one to merge it with a ref for downshiftjs. Screen.Recording.2025-05-01.at.16.19.36.movExample on stackblitz: https://stackblitz.com/edit/vitejs-vite-45snek5q?file=src%2Ffloating.tsx |
Beta Was this translation helpful? Give feedback.
-
|
The plain refs are for reading, not setting and don't work intentionally, you have to use the function refs. You can merge a function ref with any other ref just fine with the |
Beta Was this translation helpful? Give feedback.
-
|
Ah, interesting. I thought that it this case it would be fine because it would be read from the DOM on each call of update… but maybe something is wrong in my mental model. I have discovered that the library we use will also accept a callbackRef in a newer version now so I have been able to move over to callack refs anyway. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
I have seen some bugs that may be because of some behaviour in my components that use
useFloatingfrom @floating-ui/react-dom and I’m currently not sure if the bug is with my code or this libraryBeta Was this translation helpful? Give feedback.
All reactions