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.

Sign up for GitHub

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

Jump to bottom

Auro Select: the select dropdown position is not anchored to the opener / trigger in Safari and Firefox browsers #222

Closed
mlilli opened this issue Dec 5, 2024 · 2 comments · Fixed by #223
Closed

Auro Select: the select dropdown position is not anchored to the opener / trigger in Safari and Firefox browsers #222

mlilli opened this issue Dec 5, 2024 · 2 comments · Fixed by #223
Assignees
@jordanjones243
Labels
auro-select released Completed work has been released Type: Bug Bug or Bug fixes

Comments

@mlilli
Copy link

mlilli commented Dec 5, 2024 •
edited
Loading

Describe the bug

When opening an auro-select the dropdown position is not anchored to the opener / trigger, and is vertically off by 64px in Safari and Firefox browsers. The dropdown is positioned as expected in Chrome and Edge browsers.

To Reproduce

Steps to reproduce the behavior:

  1. Go here in a Safari or Firefox browser
  2. Click on any select menu.
  3. See error

Expected behavior

The dropdown should be anchored to the opener / trigger.

Screenshots

Screenshot Auro Demo Screenshot Mobile App

Desktop (please complete the following information):

  • OS: Windows and macOS
  • Browser: Safari and Firefox
  • Version: all

Smartphone (please complete the following information):

  • Device: iPhone and iPad
  • OS: all
  • Browser: stock browser, Safari, native app embedded web view
  • Version: all

Additional context

This affects alaskaair.com production website and native web app (embedded web view). On small viewports / mobile devices, this prevents users from selecting the "MVP Gold 100k" and "MVP Gold Guest" options from the "Upgrade Type" select.

Repo: https://github.com/Alaska-ECommerce/flightsearch-lem-svelte/
@mlilli mlilli added auro-select not-reviewed Issue has not been reviewed by Auro team members Type: Bug Bug or Bug fixes labels Dec 5, 2024
@diana-dipalma
Copy link

Please note, this is impacting more than just Gold Guest upgrades. Several iPhone 16 users are now reporting that Gold 100k is unavailable as well.

Image (9)

@jordanjones243 jordanjones243 mentioned this issue Dec 6, 2024
Closed
jordanjones243 added a commit that referenced this issue Dec 6, 2024
@jordanjones243
perf: use updated dropdown fix #222
37378fb
@jordanjones243 jordanjones243 mentioned this issue Dec 6, 2024
Merged
6 tasks
@jordanjones243 jordanjones243 linked a pull request Dec 6, 2024 that will close this issue
Use updated dropdown fix for bib position issues #223
Merged
6 tasks
@jordanjones243 jordanjones243 removed the not-reviewed Issue has not been reviewed by Auro team members label Dec 6, 2024
This was referenced Dec 6, 2024
Closed
Closed
blackfalcon pushed a commit that referenced this issue Dec 6, 2024
@semantic-release-bot
chore(release): 3.3.1 [skip ci]
e41152b 
## [3.3.1](v3.3.0...v3.3.1) (2024-12-06)

### Performance Improvements

* use updated dropdown fix [#222](#222) ([53ee1b5](53ee1b5))
@blackfalcon
Copy link
Member

🎉 This issue has been resolved in version 3.3.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

@blackfalcon blackfalcon added the released Completed work has been released label Dec 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jordanjones243 jordanjones243

Labels
auro-select released Completed work has been released Type: Bug Bug or Bug fixes
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Use updated dropdown fix for bib position issues AlaskaAirlines/auro-select
5 participants
@blackfalcon @mlilli @jordanjones243 @diana-dipalma @Patrick-Daly-AA