Remove or condense non-standard prefixed pseudos from the side navigation

[estelle]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-broken

What specific section or headline is this issue about?

side navigation

What information was incorrect, unhelpful, or incomplete?

On the sidebar navigation, under pseudo-classes, to get to the first useful one, :active, the user has to scroll thru the following:

Pseudo-classes

• :-moz-brokenNon-standard
• :-moz-drag-overNon-standard
• :-moz-first-nodeNon-standard
• :-moz-handler-blockedNon-standard
• :-moz-handler-crashedNon-standard
• :-moz-handler-disabledNon-standard
• :-moz-last-nodeNon-standard
• :-moz-loadingNon-standard
• :-moz-locale-dir(ltr)Non-standard
• :-moz-locale-dir(rtl)Non-standard
• :-moz-only-whitespaceNon-standard
• :-moz-submit-invalidNon-standard
• :-moz-suppressedNon-standard
• :-moz-user-disabledNon-standard
• :-moz-window-inactiveNon-standard
• :active

All of those should either be put under a -moz-pseudo-classes heading or removed from the sidebar altogether.

Similarly, to get to the first standard pseudo-element, the user has to scroll thru the following:

::-moz-color-swatchNon-standard ::-moz-focus-innerNon-standard ::-moz-list-bulletNon-standard ::-moz-list-numberNon-standard ::-moz-pageNon-standard ::-moz-page-sequenceNon-standard ::-moz-progress-barNon-standard ::-moz-range-progressNon-standard ::-moz-range-thumbNon-standard ::-moz-range-trackNon-standard ::-moz-scrolled-page-sequenceNon-standard ::-webkit-inner-spin-buttonNon-standard ::-webkit-meter-barNon-standard ::-webkit-meter-even-less-good-valueNon-standard ::-webkit-meter-inner-elementNon-standard ::-webkit-meter-optimum-valueNon-standard ::-webkit-meter-suboptimum-valueNon-standard ::-webkit-outer-spin-buttonNon-standard ::-webkit-progress-barNon-standard ::-webkit-progress-inner-elementNon-standard ::-webkit-progress-valueNon-standard ::-webkit-scrollbarNon-standard ::-webkit-search-cancel-buttonNon-standard ::-webkit-search-results-buttonNon-standard ::-webkit-slider-runnable-trackNon-standard ::-webkit-slider-thumbNon-standard

What did you expect to see?

no -moz- prefixed pseudos under the list of selectors > pseudo-classes or selectors > pseudo-elements in the side bar

Note, if a -moz-prefixed pseudo is in a selector list, the entire block is invalidated, so we really should be hiding not promoting these.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

* Folder: `en-us/web/css/_colon_-moz-broken` * MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-broken * GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/_colon_-moz-broken/index.md * Last commit: https://github.com/mdn/content/commit/c6dbc4ff96451887b908b46c8e70bcfec1c2c48c * Document last modified: 2023-02-26T04:54:36.000Z

[caugner]

One solution would be to reuse the collapsing from the Properties section:

[caugner]

I brought this up with the Product team and we agreed on grouping all :-moz- selectors under a details element with :-moz-* (or similar) in the summary, like we already do this with the CSS properties.