Web - Safari - Login - Signin page looks weird

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Launch the URL https://staging.new.expensify.com

Expected Result:

No visual issues

Actual Result:

Page looks weird compared to chrome browser

Workaround:

Visual

Platform:

Where is this issue occurring?

Web ✔️
iOS
Android
Desktop App
Mobile Web

Version Number:
1.0.79-0
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

Expensify/Expensify Issue URL:

View all open jobs on Upwork

[OSBotify]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open StagingDeployCash deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[MelvinBot]

Triggered auto assignment to @francoisl (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[francoisl]

Looking fine for me on Safari 14.1.1, app version 1.0.79-0. Probably unlikely, but it could be some old cached CSS or JS, can you try from an incognito window please?

[isagoico]

Seems like it. This is the Safari version the tester was able to reproduce

[francoisl]

To confirm, is this in an incognito/private window? Can you also try to open the developer console, and see if there are any error messages in the Console tab please? (You might have to enable the developer console in the Advanced tab of the Safari settings first)

[mvtglobally]

@francoisl
I am also abe to repro in Safari Version 14.0.2 (15610.3.7.1.10, 15610)
No console errors

[francoisl]

@pranshuchittora any ideas? Looks like you last modified the page in #3079 🙏

[pranshuchittora]

Not able to reproduce the same

[francoisl]

Right, it's only reproducible with Safari ≤ 14.0.x, which makes it difficult if you're already on Safari ≥ 14.1

I had to use https://www.browserstack.com/ to test on Safari 14.0.

[francoisl]

I imagine the issue is due to some sort of rendering issue in Safari 14.0, which must have been patched in 14.1.

According to https://www.stetic.com/market-share/browser/, Safari 14.0 only represents 1.03% of traffic as of July 2021, most people seem to have already upgraded to Safari 14.1, which has a market share of 4.81%, so I'm leaning on not considering this a deploy blocker, and we can keep it open to fix later.
Thoughts @AndrewGable?