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

Closed
opened 2026-04-18 08:21:07 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6145
Author: @pyfisssh
Created: 11/14/2025
Status: Merged
Merged: 11/14/2025
Merged by: @MatissJanis

Base: masterHead: fix/date-input-style


📝 Commits (2)

  • c4bb777 fix(date-input): restore box-sizing on iOS 26 Safari
  • 8323144 chore: add release note for restore box-sizing on iOS 26 Safari

📊 Changes

2 files changed (+11 additions, -1 deletions)

View changed files

📝 packages/desktop-client/src/components/mobile/transactions/TransactionEdit.tsx (+5 -1)
upcoming-release-notes/6145.md (+6 -0)

📄 Description

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

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/6145 **Author:** [@pyfisssh](https://github.com/pyfisssh) **Created:** 11/14/2025 **Status:** ✅ Merged **Merged:** 11/14/2025 **Merged by:** [@MatissJanis](https://github.com/MatissJanis) **Base:** `master` ← **Head:** `fix/date-input-style` --- ### 📝 Commits (2) - [`c4bb777`](https://github.com/actualbudget/actual/commit/c4bb777331a60a3c1b47fe10020e93627731c12f) fix(date-input): restore box-sizing on iOS 26 Safari - [`8323144`](https://github.com/actualbudget/actual/commit/83231447bc5c37ea559347f712f0e7e5165a41e6) chore: add release note for restore box-sizing on iOS 26 Safari ### 📊 Changes **2 files changed** (+11 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/mobile/transactions/TransactionEdit.tsx` (+5 -1) ➕ `upcoming-release-notes/6145.md` (+6 -0) </details> ### 📄 Description 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" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-18 08:21:07 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#32276