[BUG]: iOS PWA: bottom navigation bar shows up below home bar/indicator #77

Closed
opened 2025-07-08 08:39:29 -04:00 by AtHeartEngineer · 0 comments

Originally created by @jkjustjoshing on 5/13/2025

Checklist

  • I have searched existing issues to make sure this bug hasn't already been reported.
  • I have checked the documentation at https://docs.endurain.com and didn't find a solution.

Description

When you install Endurain as an iOS PWA, the bottom navigation tabs don't have enough bottom margin, and show up too close to the bottom "home bar". Notice how the "Gear"/"Health"/"Search" text is too close to the bottom bar.

Steps to Reproduce

  1. Version latest
  2. Install Endurain as a PWA on an iOS device with FaceID
  3. Open Endurain and log in
  4. See error

Proposed solution

Here is the documentation explaining the CSS properties to use to fix this issue https://webkit.org/blog/7929/designing-websites-for-iphone-x/

*Originally created by @jkjustjoshing on 5/13/2025* ## Checklist - [X] I have searched **existing issues** to make sure this bug hasn't already been reported. - [X] I have checked the **documentation** at [https://docs.endurain.com](https://docs.endurain.com) and didn't find a solution. ## Description When you install Endurain as an iOS PWA, the bottom navigation tabs don't have enough bottom margin, and show up too close to the bottom "home bar". Notice how the "Gear"/"Health"/"Search" text is too close to the bottom bar. <img src="https://github.com/user-attachments/assets/13e378f7-5f53-43fc-9350-d7107fe1ded9" width="300" /> ## Steps to Reproduce 1. Version latest 2. Install Endurain as a PWA on an iOS device with FaceID 3. Open Endurain and log in 4. See error ## Proposed solution Here is the documentation explaining the CSS properties to use to fix this issue https://webkit.org/blog/7929/designing-websites-for-iphone-x/
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/endurain#77