Skip to content

Commit 364422e

Browse files
committed
Prevent date inputs shifting alignment on iPadOS
Due to an upstream issue in Safari on iPadOS 18 (and potentially 17), the box model calculations for these inputs go iffy when the value is deleted and re-typed. The upstream issue was reported during the beta period of iPadOS 26 and fixed in the release of iPadOS 26 in September, however no fix for older versions seems to be coming, so we should prevent the issue in our own code in the meantime. NHS.UK Frontend issue: nhsuk/nhsuk-frontend#1227 Our bug report: alphagov/reported-bugs#90
1 parent 71a2677 commit 364422e

File tree

1 file changed

+5
-0
lines changed
  • packages/govuk-frontend/src/govuk/components/date-input

1 file changed

+5
-0
lines changed

packages/govuk-frontend/src/govuk/components/date-input/_index.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,11 @@
1414
display: inline-block;
1515
margin-right: govuk-spacing(4);
1616
margin-bottom: 0;
17+
18+
// Prevents an issue in Safari 18 on iPadOS where the inputs move up
19+
// and down when values are deleted and retyped.
20+
// https://github.com/alphagov/reported-bugs/issues/90
21+
vertical-align: bottom;
1722
}
1823

1924
.govuk-date-input__label {

0 commit comments

Comments
 (0)