[Bug]: The inlinePopup prop for the Combobox causes the component to scroll unexpectedly when the user types into the input field.
Component
Combobox
Package version
9.64.0
React version
18.2.0
Environment
https://stackblitz.com/edit/nszscbwo-1la4om8a?file=src%2FComplexOptions.tsx
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
npmPackages:
@fluentui/react-components: ^9.64.0 => 9.64.0
@types/react: >=16.14.0 <19.0.0 => 17.0.85
@types/react-dom: >=16.9.0 <19.0.0 => 17.0.26
react: ^18 => 18.3.1
react-dom: ^18 => 18.3.1
Current Behavior
I type something into the Combobox. The options get filtered. The scroll jumps.
Expected Behavior
I type something into the Combobox. The options get filtered. The scroll doesn't get affected
Reproduction
https://stackblitz.com/edit/nszscbwo-1la4om8a?file=src%2FComplexOptions.tsx
Steps to reproduce
- go to https://stackblitz.com/edit/nszscbwo-1la4om8a?file=src%2FComplexOptions.tsx
- Scroll down
- Find the second Combobox
- Try typing "katri athokas hello", then delete it one character at a time
While deleting characters, you'll notice an unexpected jump (scroll).
I'm also attaching a video of this bug.
https://github.com/user-attachments/assets/eac48256-a583-4034-a95a-c3992708cec6
If I remove the inlinePopup prop, everything works fine (end of video). However, I need this prop to avoid issues with z-index and sticky.
Are you reporting an Accessibility issue?
None
Suggested severity
Urgent - No workaround and Products/sites are affected
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
- [x] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [x] The provided reproduction is a minimal reproducible example of the bug.
@carlamntn @chrisdholt @miroslavstastny
Can I do anything to get the bug taken into work?
Thank you.
This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes. Still require assistance? Please add comment - "keep open".
Because this reported issue has not had any activity for over 180 days, we're automatically closing it for house-keeping reasons.
Still require assistance? Please, create a new issue with up-to date details and latest version of Fluent.
but it is not resolved…