2011126 - Duplicated @custom-media extension-name causes inconsistent styling

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Nicolas Chevobbe [:nchevobbe]]

Attachment: test_case.html

Steps to reproduce
0. Set layout.css.custom-media.enabled to true

1. Open attached test case
2. Open RDM and set the viewport to 300px wide
3. Reload the page
4. Makes the RDM viewport 400px wide
5. Makes the RDM viewport 300px wide again

Actual results

After step 3. the @custom-media element background is transparent
After step 4. the @custom-media element background is hotpink
After step 5. the @custom-media element background is still hotpink

I would expect the background to be the same in step 3 and step 5 (always hotpink, as the last @custom-media declaration should override any previous declaration with the same extension name)

Comment 1

[Emilio Cobos Álvarez [:emilio]]

Ah, I think I know what's going wrong. Fwiw what supposed to happen is that the last rule never takes effect in this case. But it is incorrectly taking effect after a resize because we don't do a whole rebuild