-
Notifications
You must be signed in to change notification settings - Fork 2
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
Mobile cut off on map page #128
Comments
I posted this in Slack but I'll also paste it here in case it is helpful, this library helped me solve issues with positioning in mobile browsers: https://www.npmjs.com/package/@sparing-software/100vh The issue is that as the browser toolbars shrink/expand, css positioning can get out of whack... |
was able to fix this w/ (see: https://stackoverflow.com/questions/75079019/tailwind-css-fallback-for-new-screen-length-types-such-as-lvh-svh, https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4, tailwindlabs/tailwindcss#8216, tailwindlabs/tailwindcss#11317) |
We can upgrade to the latest However, even the latest Tailwind doesn't currently include a fallback to non-supported browsers, so we'd still need to roll our own fallback to |
On mobile:
-the initial instructions are cut off by web browser UI
-the map cards are cut off by web browser UI
-francis suggestion needs research: @sparing_software
Reported by @juliagoolia and other members
The text was updated successfully, but these errors were encountered: