there is a weird light blue background behind the site on mobile

[randysim]

it is killing my eyes

[randysim]

i think this might have something to do with the stuff i changed in the react helmet or index.html file

[TheEgghead27]

I am unable to reproduce this (Firefox, Android)

[TheEgghead27]

If anyone else is able to reproduce this ( @randysim ? ) please let us know so we can investigate
I may close this issue as wontfix if we cannot reproduce it

[SnowyNate]

Able to reproduce, but doesn't affect the site's visibility due to the layout of my browser. (Samsung Internet, Android)

[SnowyNate]

I believe this is due to the color of the primary color in ThemeProvider, which my browser uses as it's background color.

[randysim]

I notice that the blue in the background is the same color as the primary blue color we use for the site. This is probably because in
comps/context/ThemeProvider.tsx, the site decides it wants to use the primary color as the background.

This is still an issue on safari on iOS devices. I'll try and look into it, but if possible get someone with an iOS device to test the site occasionally.

[randysim]

fixed: this had to do with iphone overscroll behavior. just had to set overscroll-behavior to contain in the html body