Require MQ-matching changes to trigger a new round of selection for <source media> #157

Nephyrin opened this Issue Apr 18, 2014 · 8 comments


None yet

5 participants


For art-direction purposes, leaving it up to the UA to decide when to select a new for MQ-matching changes may lead to inconsistent layout and entirely different images in different browsers. This is different from e.g. sizes matching changes, which should only affect image density/quality.





Agreed. I'll try to put up a PR for this over the weekend.

zcorpan commented Apr 22, 2014

It might be somewhat difficult in the spec to differentiate between "<source media>" and "sizes" since we reevaluate the whole thing every time.

@tabatkins tabatkins self-assigned this Apr 25, 2014

I have a blink patch that implements this such that a change in something that affects media queries will rerun the source selection algorithm -


Discussing this on #blink, the question of timing for triggering these requests came up.
Do we want to define a particular time in which these requests need to be sent?

We discussed waiting for layout (which happens at RAF in Blink), and possibly even waiting for the next RAF.

Also - do you think that the spec should define what happens with "intermediate" breakpoints (e.g. if we have 3 breakpoints with a source for each, and the user resizes her window from the smallest to the largest one). Do we want browsers to avoid the "intermediate" image download? (I'm guessing yes) If so, do we want to define anything around that?


We don't define precisely when browsers should reevaluate MQs in CSS; we assume that browsers will do so "promptly", and will skip over changes that only happen transiently between evaluation points.

zcorpan commented Jan 21, 2015

The HTML spec now defines animation frames, and things can be synced with it. We could require that the "environment changes" algorithm be run in sync with animation frames. That would handle not running it when the page is in a background tab.


@tabatkins - any news on that old bug? I believe current behavior in Blink and Firefox matches what we want to define here, but it'd be good to actually have it in the spec ^_^

@aFarkas aFarkas referenced this issue in scottjehl/picturefill Jun 7, 2015

Image reevaluation not working? #512

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment