fluentui icon indicating copy to clipboard operation
fluentui copied to clipboard

[Bug]: The inlinePopup prop for the Combobox causes the component to scroll unexpectedly when the user types into the input field.

Open kkamik opened this issue 7 months ago • 1 comments

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

  1. go to https://stackblitz.com/edit/nszscbwo-1la4om8a?file=src%2FComplexOptions.tsx
  2. Scroll down
  3. Find the second Combobox
  4. 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.

kkamik avatar May 15 '25 12:05 kkamik

@carlamntn @chrisdholt @miroslavstastny

Can I do anything to get the bug taken into work?

Thank you.

kkamik avatar Jun 04 '25 09:06 kkamik

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…

kkamik avatar Dec 01 '25 12:12 kkamik