Commit 9807f87
committed
fix: expiration date input size mismatch in Safari share modal
The expiration date input (#share-date-picker) in the sharing modal
was rendering at 628x59 in Safari while other inputs (label, password)
rendered at the correct 582x57 size.
Root cause: Safari enforces a native intrinsic minimum width and height
on type="date" inputs when -webkit-appearance is not explicitly reset.
This caused the date picker to overflow its container width by ~46px
and exceed the intended height by ~3px regardless of the CSS
width/height rules in ncfields.scss.
Fix:
- Add -webkit-appearance: none and appearance: none to remove Safari's
native date picker chrome, allowing the existing width: calc(100% - 10px)
from ncfields.scss to apply correctly
- Add box-sizing: border-box to ensure padding is absorbed within the
declared dimensions
- Add height: 56px !important scoped directly on #share-date-picker to
explicitly override Safari's native input height
Affects: .sharingTabDetailsView and .sharingPopupDetailsView1 parent 86c7e70 commit 9807f87
1 file changed
Lines changed: 4 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
66 | 66 | | |
67 | 67 | | |
68 | 68 | | |
| 69 | + | |
| 70 | + | |
| 71 | + | |
| 72 | + | |
69 | 73 | | |
70 | 74 | | |
71 | 75 | | |
| |||
0 commit comments