Bug 266145 – Fix typo 'align-contents' to 'align-content' for 'input[type="range"]::-webkit-slider-container' in html.css

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Ahmad Saleem]

Hi Team,

While looking into html.css noted, I noticed that we have align-contents' which is incorrect and it should be 'align-content'.

WebKit Source: https://searchfox.org/wubkat/rev/e171a196292b735a205a9adede19a265f93fb4a7/Source/WebCore/css/html.css#948

input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    align-contents: center; <----
    min-width: 0;
}

to:

input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    min-width: 0;
}

> I checked with 'MDN' as well: https://developer.mozilla.org/en-US/docs/Web/CSS/align-content

Just wanted to raise so we can fix it.

Thanks!

[EWS]

Committed 271840@main (e9d3bfd63593): <https://commits.webkit.org/271840@main>

Reviewed commits have been landed. Closing PR #21571 and removing active labels.

[Radar WebKit Bug Importer]

<rdar://problem/119463099>