Resolve iOS issue w/ new two-tiered header by lilybarrett · Pull Request #3383 · mbta/dotcom

lilybarrett · 2026-07-31T20:14:19Z

This solves an iOS bug as part of https://app.asana.com/1/15492006741476/project/1213994587940653/task/1216860386844707?focus=true

Scope

The bug was tricky to troubleshoot since it did not appear when emulating iOS devices using browser dev tools -- only when using an actual iOS device. Android was unaffected.

Asana Ticket:
https://app.asana.com/1/15492006741476/project/1213994587940653/task/1216860386844707?focus=true

Implementation

This was the result (in part) of trying to impose desktop-appropriate behaviors while on mobile.
This PR fixes that ^ and also renames some variables used in the header logic/styling.

Screenshots

How to test

To repro the bug:

Navigate to Dotcom prod on a mobile device and enable the flag
Click on the languages menu
This will 1) not actually show the languages menu, and 2) freeze the page

To test the fix:

Navigate to Dotcom dev-blue on a mobile device and enable the flag
Click on the languages menu, the bottom menu, etc. Everything should work as expected. Please let me know if I've missed anything glaring!

thecristen

Looks fixed to me now!!! Could you please clean up the commented out CSS and HTML bits before merging -- thanks! 🎉

Playing around with more logic Another tweak to test on mobile

Run Prettier Fix TS error More renaming

See if this keeps the Languages button from disappearing on iOS device Temporary change for testing Try this to see if it keeps toggle from disappearing on iOS More testing

lilybarrett added the dev-blue Deploy to dev-blue label Jul 31, 2026

lilybarrett temporarily deployed to dev-blue July 31, 2026 20:14 — with GitHub Actions Inactive

lilybarrett temporarily deployed to dev-blue August 3, 2026 19:42 — with GitHub Actions Inactive

lilybarrett had a problem deploying to dev-blue August 4, 2026 18:49 — with GitHub Actions Error

lilybarrett added dev-blue Deploy to dev-blue and removed dev-blue Deploy to dev-blue labels Aug 4, 2026

lilybarrett temporarily deployed to dev-blue August 4, 2026 18:52 — with GitHub Actions Inactive

lilybarrett temporarily deployed to dev-blue August 5, 2026 14:51 — with GitHub Actions Inactive

lilybarrett temporarily deployed to dev-blue August 5, 2026 16:03 — with GitHub Actions Inactive

lilybarrett force-pushed the lb/troubleshoot-ios-header-bug branch from 9c173f2 to 60ff53f Compare August 5, 2026 16:29

lilybarrett temporarily deployed to dev-blue August 5, 2026 16:29 — with GitHub Actions Inactive

lilybarrett temporarily deployed to dev-blue August 5, 2026 17:26 — with GitHub Actions Inactive