Skip to content

fix: Platform-specific bug fixes (iOS + Android)#83

Merged
brianorwhatever merged 2 commits intomainfrom
fix/platform-specific-bugs
Feb 8, 2026
Merged

fix: Platform-specific bug fixes (iOS + Android)#83
brianorwhatever merged 2 commits intomainfrom
fix/platform-specific-bugs

Conversation

@krusty-agent
Copy link
Copy Markdown
Collaborator

Platform-Specific Bug Fixes

iOS Fixes

  • Input zoom prevention: Enforces min 16px font-size on all inputs via @supports (-webkit-touch-callout: none) — prevents Safari/WebView from zooming in when focusing input fields
  • Viewport height: Uses 100dvh instead of 100vh so layouts account for the dynamic browser chrome (address bar, toolbar)
  • Overscroll bounce: Disabled overscroll-behavior to prevent rubber-banding, giving the app a native feel
  • Keyboard handling: Configured Capacitor Keyboard plugin with resize: 'native' mode and enabled accessory bar; scrolls focused inputs into view when keyboard opens

Android Fixes

  • Keyboard resize: Added Keyboard plugin config to capacitor.config.ts with resizeOnFullScreen: true
  • Overscroll prevention: overscroll-behavior-y: none prevents pull-to-refresh in WebView

Cross-Platform

  • Status bar sync: Status bar style now updates in real-time when dark mode toggles (via MutationObserver on <html> class changes) — previously only set on app init
  • Mobile viewport utility: Added .min-h-screen-safe CSS class with dvh fallback

Files Changed

  • src/index.css — CSS fixes for viewport, overscroll, input zoom
  • src/lib/native.ts — Status bar sync, keyboard handling improvements
  • src/main.tsx — Initialize keyboard handling
  • capacitor.config.ts — Keyboard plugin configuration

Build passes ✅

Krusty added 2 commits February 8, 2026 08:12
- Prevent iOS input zoom by enforcing min 16px font-size on inputs
- Fix mobile viewport height (100dvh instead of 100vh) for proper sizing
- Prevent overscroll/rubber-banding bounce for native app feel
- Sync status bar style when dark mode toggles at runtime
- Configure Keyboard plugin with native resize mode on iOS
- Scroll focused inputs into view when keyboard opens
- Watch for dark mode class changes via MutationObserver
- Add Keyboard resize config to capacitor.config.ts
@brianorwhatever brianorwhatever merged commit a623f65 into main Feb 8, 2026
2 of 3 checks passed
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

Successfully merging this pull request may close these issues.

2 participants