Skip to content

Fix mobile navigation to prevent horizontal scroll#8352

Merged
aduth merged 2 commits intomainfrom
aduth-mobile-nav-x-scroll
May 8, 2023
Merged

Fix mobile navigation to prevent horizontal scroll#8352
aduth merged 2 commits intomainfrom
aduth-mobile-nav-x-scroll

Conversation

@aduth
Copy link
Contributor

@aduth aduth commented May 5, 2023

🛠 Summary of changes

Fixes an issue where the mobile navigation on the account dashboard unintentionally allows horizontal scroll, when only vertical scrolling is expected. This is due to the markup not aligning to the documented code for the component.

👀 Screenshots

Before:

RPReplay_Final1683316026.MP4

After:

RPReplay_Final1683315995.MP4

changelog: Bug Fixes, Account Navigation, Fix horizontal scroll for mobile navigation
<button
type="button"
aria-label={t('users.personal_key.close')}
aria-label={t('account.navigation.close')}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This should probably have its own translation key, so we don't run into similar future issues like here where we're referencing personal key long after the personal key modal has been removed.

Copy link
Contributor

@matthinz matthinz left a comment

Choose a reason for hiding this comment

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

LGTM and agree about the i18n key.

@aduth
Copy link
Contributor Author

aduth commented May 8, 2023

LGTM and agree about the i18n key.

I'll plan to do a quick follow-on for this so that I can make sure this fix lands in tomorrow's release.

@aduth aduth merged commit 23535e0 into main May 8, 2023
@aduth aduth deleted the aduth-mobile-nav-x-scroll branch May 8, 2023 13:58
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.

3 participants