Skip to content

Commit 9807f87

Browse files
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 .sharingPopupDetailsView
1 parent 86c7e70 commit 9807f87

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

css/apps/files-sharing.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,10 @@
6666
.sharingPopupDetailsView {
6767

6868
#share-date-picker {
69+
-webkit-appearance: none;
70+
appearance: none;
71+
box-sizing: border-box;
72+
height: 56px !important;
6973
color-scheme: var(--nmc-color-sceme);
7074

7175
&::-webkit-calendar-picker-indicator {

0 commit comments

Comments
 (0)