See also https://bugs.chromium.org/p/chromium/issues/detail?id=1138859
If you run: window.matchMedia('(max-width: 100px) and (max-aspect-ratio: 1/1)').media
You get back: (max-aspect-ratio: 1/1) and (max-width: 100px)
Instead of the expected original order.
Per https://drafts.csswg.org/cssom-view/#mediaquerylist-media -> https://drafts.csswg.org/cssom/#serialize-a-media-query-list:
> Serialize each media query in the list of media queries, in the same order as they appear in the media query list, and then serialize the list.
Seems like Gecko is correct and the order shouldn't change.
There's a sorting step below.
https://github.com/w3c/csswg-drafts/issues/5627 / https://chromium-review.googlesource.com/c/chromium/src/+/2478992
Created attachment 412263 [details]
Patch for EWS
Created attachment 412271 [details]
Created attachment 412282 [details]
Committed r268966: <https://trac.webkit.org/changeset/268966>
All reviewed patches have been landed. Closing bug and clearing flags on attachment 412282 [details].