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

[Bug]: TagPicker inline mode weirdly scroll the container to top when click on items or showing the tag list #33697

Open
2 tasks done
Yexiaoxing opened this issue Jan 21, 2025 · 3 comments

Comments

@Yexiaoxing
Copy link

Yexiaoxing commented Jan 21, 2025

Component

TagPicker

Package version

9.57.0

React version

18.3.1

Environment

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.0.0 => 9.57.0 
    @types/react: ^17 => 17.0.83 
    @types/react-dom: ^17 => 17.0.26 
    react: ^18 => 18.3.1 
    react-dom: ^18 => 18.3.1

Current Behavior

When placed in a container, clicking on tagpickeroption or clicking the tagpickerinput which has value will scroll the container to top.

Expected Behavior

It is expected to scroll the tagpickerlist into view, but instead it scroll to top where the list is not here.

Reproduction

https://stackblitz.com/edit/sd2vlrk6?file=src%2FApp.tsx

Steps to reproduce

See repro link.

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.
@Yexiaoxing
Copy link
Author

Image

See the gif for issue.

@bsunderhus
Copy link
Contributor

I could not reproduce this issue on the reproduction provided 👀

Video.Project.8.mp4

@Yexiaoxing
Copy link
Author

Interesting, it repros quite stable here.

Additional info: Browser used:

Edge Version 132.0.2957.127 (Official build) (arm64) on macOS 15.2 (24C101)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants