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

[4.x] Ensure Dropdown List Remains Anchored on Resize #8607

Merged
merged 1 commit into from
Aug 22, 2023

Conversation

flolanger
Copy link
Contributor

Fixes #8316

  • Implemented the autoUpdate() function from the Floating UI library to ensure the dropdown list remains anchored to the select input, especially when its size changes due to filtering.
  • Addressed the issue where the dropdown list would float above the select input on smaller screens or when the list becomes shorter.

- Implemented the `autoUpdate()` function from the Floating UI library to ensure the dropdown list remains anchored to the select input, especially when its size changes due to filtering.
- Addressed the issue where the dropdown list would float above the select input on smaller screens or when the list becomes shorter.
@flolanger flolanger changed the title Ensure Dropdown List Remains Anchored on Resize [4.x] Ensure Dropdown List Remains Anchored on Resize Aug 22, 2023
@jasonvarga
Copy link
Member

Awesome, thank you.

For my own reference, the hook syntax is documented here: https://v2.vuejs.org/v2/guide/components-edge-cases.html#Programmatic-Event-Listeners

@jasonvarga jasonvarga merged commit 4f86661 into statamic:4.x Aug 22, 2023
16 of 17 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Typeahead dropdown on wrong position when in replicator
2 participants