#4384·framework7

iOS: Bottom tabbar gets too much bottom offset

Author: lroalCreated Mar 9, 2026Updated May 19, 2026
Image

Notes

  • This appears to be iOS-specific
  • The problem is visible in the attached screenshot
  • I am not adding custom CSS to the toolbar/tabbar itself
  • It looks related to bottom safe-area handling or toolbar positioning

Reproduction

  1. Create a Framework7 Svelte app with iOS theme
  2. Add a bottom Toolbar with tabbar
  3. Run the app inside Capacitor on iOS
  4. Observe that the bottom toolbar is positioned too high above the bottom edge

Question

Is this expected with iOS safe area handling, or could the bottom toolbar be getting too much bottom offset on iOS?