Intent to Ship: Horizontal rules inside select elements

[Joey Arhar]

Contact emails

jar...@chromium.org

Explainer

None

Specification

https://github.com/whatwg/html/pull/9124

Summary

This feature makes the HTML parser allow <hr> tags inside <select> tags. These <hr> elements create horizontal borders in between <option> elements in the listbox popup, which we already support if you manually insert an hr element with javascript.

WebKit implemented this and just put it in their release notes: https://webkit.org/blog/14445/webkit-features-in-safari-17-0/#:~:text=Horizontal%20rules%20inside%20select%20elements

Blink component

Blink>DOM

TAG review

None

TAG review status

Not applicable

Risks

Interoperability and Compatibility

None

Gecko: No signal (https://bugzilla.mozilla.org/show_bug.cgi?id=1830909)

WebKit: Shipped/Shipping (https://bugs.webkit.org/show_bug.cgi?id=80686)

Web developers: No signals

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

Debuggability

None

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?

Yes

Is this feature fully tested by web-platform-tests?

Yes

Flag name on chrome://flags

SelectHr

Finch feature name

SelectHr

Requires code in //chrome?

False

Estimated milestones

Shipping on desktop	118
DevTrial on desktop	118

Shipping on Android	118
DevTrial on Android	118

Shipping on WebView

118

Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).

None

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/6198448366026752

This intent message was generated by Chrome Platform Status.

[Yoav Weiss]

LGTM1

On Tue, Sep 19, 2023 at 7:51 PM Joey Arhar <jar...@chromium.org> wrote:

Contact emails

jar...@chromium.org

Explainer

None

Specification

https://github.com/whatwg/html/pull/9124

Summary

This feature makes the HTML parser allow <hr> tags inside <select> tags. These <hr> elements create horizontal borders in between <option> elements in the listbox popup, which we already support if you manually insert an hr element with javascript.

Neat!

 

WebKit implemented this and just put it in their release notes: https://webkit.org/blog/14445/webkit-features-in-safari-17-0/#:~:text=Horizontal%20rules%20inside%20select%20elements

Blink component

Blink>DOM

TAG review

None

You spelled "Not required as this landed in HTML and shipped in WebKit" wrong :)

TAG review status

Not applicable

Risks

Interoperability and Compatibility

None

Gecko: No signal (https://bugzilla.mozilla.org/show_bug.cgi?id=1830909)

Can we file a Mozilla position? (to raise awareness on their end if nothing else) 

WebKit: Shipped/Shipping (https://bugs.webkit.org/show_bug.cgi?id=80686)

Web developers: No signals

Have you talked to devrel folks about getting some signal there? Presumably this is something developers would want to be able to do

 

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAK6btwKBrQrrtOe4FwDfYR_nx%3DhXPEv2Yu10h407iPn2y3d9mA%40mail.gmail.com.

[Joey Arhar]

> Can we file a Mozilla position? (to raise awareness on their end if nothing else)

https://github.com/mozilla/standards-positions/issues/887

> Have you talked to devrel folks about getting some signal there? Presumably this is something developers would want to be able to do

I just reached out to devrel about this

 

[Joey Arhar]

For developer signals:

The material design menu component supports dividers like this: https://m2.material.io/components/menus#anatomy:~:text=Text-,Divider,-Text%20and%20icon

Bootstrap has a "dropdown-divider" class for the "dropdown-menu" class which is like a select with <hr>: https://getbootstrap.com/docs/4.0/components/dropdowns/

This intent adds support for dividers but not styling.

[Mike Taylor]

LGTM2

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAK6btwLQEZQdoHQXuwqx98Oy1U5pU9yc6_N0O%3DvHWC76L6CFpg%40mail.gmail.com.

[TAMURA, Kent]

LGTM3

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/b1297a72-dea1-484e-9dfa-5104eedad12e%40chromium.org.

--

TAMURA Kent
Software Engineer, Google