Bug 216690 – REGRESSION (r263179): CSS checkbox no longer visible in iOS 14

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[Martin]

Created attachment 409116 [details]
iOS 14 screen recording

Since updating my iPad to iOS 14, the checkbox from this demo no longer works: https://codepen.io/abottega/pen/vNzQMo/?editors=1100
The check inside the box does not appear, though it does appear to toggle. So, it's probably only a visual bug. Unfortunately, users are unable to see if the checkbox is checked or not, making it a significant visual bug.

[Martin]

Created attachment 409117 [details]
Intended behaviour, as it is in iOS 13

[Radar WebKit Bug Importer]

<rdar://problem/69156576>

[Alexey Proskuryakov]

This affects Safari 14 on macOS too.

[Simon Fraser (smfr)]

Autosapde says r263179.

[Antoine Quint]

I reduced it to this simple content:

<div style="box-shadow: 0 0 0 5px"></div>

[Antoine Quint]

Created attachment 413308 [details]
Patch

[Simon Fraser (smfr)]

Comment on attachment 413308 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=413308&action=review

> Source/WebCore/ChangeLog:14
> +        within en element's clipped bounds before considering its children. Whether the

an

> LayoutTests/fast/box-shadow/hit-test-box-shadow-on-zero-height-clipping-container-2.html:55
> +result.textContent = `${pass ? "PASS" : "FAIL"}: target element class is "{hitTestElement.className}"`;

missing $

[Antoine Quint]

Committed r269450: <https://trac.webkit.org/changeset/269450>