Bug 217751

Summary:

MediaQueryList serialization order is inconsistent.

Product:

WebKit

Reporter:

Emilio Cobos Álvarez (:emilio) <emilio>

Component:

CSS

Assignee:

Emilio Cobos Álvarez (:emilio) <emilio>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

eric.carlson, esprehn+autocc, ews-watchlist, glenn, gyuyoung.kim, jer.noble, koivisto, macpherson, menard, philipj, sergio, simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar, WebExposed

Version:

WebKit Nightly Build

Hardware:

Unspecified

OS:

Unspecified

Bug Depends on:

218157

Bug Blocks:

Attachments:

Description	Flags
Patch for EWS	ews-feeder: commit-queue-
Patch	none
Patch	none

Emilio Cobos Álvarez (:emilio)

Reported 2020-10-15 05:05:16 PDT

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.

Attachments
Patch for EWS (1.10 KB, patch) 2020-10-25 06:45 PDT, Emilio Cobos Álvarez (:emilio)	ews-feeder: commit-queue-	Details Formatted Diff Diff
Patch (4.62 KB, patch) 2020-10-25 10:17 PDT, Emilio Cobos Álvarez (:emilio)	no flags	Details Formatted Diff Diff
Patch (4.91 KB, patch) 2020-10-25 16:45 PDT, Emilio Cobos Álvarez (:emilio)	no flags	Details Formatted Diff Diff
Show Obsolete (2) View All Add attachment proposed patch, testcase, etc.