Skip to content
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

Text overlaps the tab bar on iOS #39

Open
mrexodia opened this issue Feb 5, 2025 · 5 comments
Open

Text overlaps the tab bar on iOS #39

mrexodia opened this issue Feb 5, 2025 · 5 comments

Comments

@mrexodia
Copy link

mrexodia commented Feb 5, 2025

This was the original reason I wanted a PWA 😅

Image

Probably some annoying Safari-specific thing, I have it on the bottom which is not the default anymore.

@IsaacGemal
Copy link
Owner

Oh shoot. Yeah I use android.
I think the PWA stuff should be working now though?

@IsaacGemal
Copy link
Owner

What is the make and model of your device?

@mrexodia
Copy link
Author

mrexodia commented Feb 5, 2025

Yeah PWA works well, thanks! My phone is an iPhone 15 Pro

@verhovsky
Copy link
Contributor

verhovsky commented Feb 5, 2025

You set your URL bar to be at the top. By default on Safari it's on the bottom. It works if you go with the default but I also see this issue if I set the URL bar to be above on iPhone Pro 15.

bottom (default)

Image

top

Image

@ashn-dot-dev
Copy link

I can confirm this also affects iPhone 16 devices on Safari where the address bar is positioned at the top of the screen.

Image

The same device, using Firefox, appears to display the site as intended.

Image

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

No branches or pull requests

4 participants