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

hotfix(autocomplete): use separate panelContainer #1787

Merged
merged 1 commit into from
Nov 13, 2023

Conversation

thecristen
Copy link
Collaborator

this fixes a Safari bug where the tab order traps keyboard focus in between the autocomplete input and submit buttons. the bug only happened on Safari, when using the React renderer instead of the default Preact renderer.

some CSS refactoring was needed to target elements that are inside the new panelContainer element.

Summary of changes

Asana Ticket: Can't tab past navbar search on macOS/Safari

this fixes a Safari bug where the tab order traps keyboard focus in between the autocomplete input and submit buttons. the bug only happened on Safari, when using the React renderer instead of the default Preact renderer.

some CSS refactoring was needed to target elements that are inside the new panelContainer element.
@thecristen thecristen requested a review from a team as a code owner November 3, 2023 17:40
@thecristen thecristen requested a review from kotva006 November 3, 2023 17:40
Copy link
Contributor

@kotva006 kotva006 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good

@thecristen thecristen merged commit d56caa3 into master Nov 13, 2023
20 of 23 checks passed
@thecristen thecristen deleted the cbj/autocomplete-container-fix branch November 13, 2023 15:19
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.

2 participants