[PR #6145] Fix <input type="date"> on iOS 26 Safari #6351

Closed
opened 2026-02-28 21:27:06 -06:00 by GiteaMirror · 0 comments
Owner

Original Pull Request: https://github.com/actualbudget/actual/pull/6145

State: closed
Merged: Yes


Fixes #5992

Summary

On iOS 26 Safari, <input type="date"> renders taller than expected because the browser overrides box-sizing to content-box when appearance: auto.

This change sets appearance: none for date inputs, restoring box-sizing: border-box and fixing the layout.

Screen Recording

Screenshot 2025-11-14 at 11 58 00 PM Screenshot 2025-11-14 at 11 58 08 PM
**Original Pull Request:** https://github.com/actualbudget/actual/pull/6145 **State:** closed **Merged:** Yes --- Fixes #5992 **Summary** On iOS 26 Safari, `<input type="date">` renders taller than expected because the browser overrides box-sizing to `content-box` when `appearance: auto`. This change sets `appearance: none` for date inputs, restoring `box-sizing: border-box` and fixing the layout. **Screen Recording** <img width="1512" height="982" alt="Screenshot 2025-11-14 at 11 58 00 PM" src="https://github.com/user-attachments/assets/774d453b-9d61-4e5f-a4af-7a9c7e0c7c4d" /> <img width="1512" height="982" alt="Screenshot 2025-11-14 at 11 58 08 PM" src="https://github.com/user-attachments/assets/75355f72-f95c-4533-b5d8-41cc9df5025a" />
GiteaMirror added the pull-request label 2026-02-28 21:27:06 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#6351