Make sure media query results are re-collected.

Make sure media query results are re-collected.

When media attributes change on style elements, we need to re-append
all sheets in the scope in order to collect the viewport and device
dependent media results correctly. This already done forced by the
FullStyleUpdate in parseAttribute, but we want to minimize the changes
here with async style update and ruleset based invalidations by marking
the treeScope dirty, and if nothing changed, invalidate no style.

However, we need to re-add global rule data, or at least the media
query results.

Example: say that we have a window width of 800px below. After the
media attribute has been changed, we don't need to recalculate any
styles, but we need to make sure we detect style changes crossing the
width of 2000px instead of 1000px.

<style media="(min-width: 1000px)"> ... </style>

<script>
  styleElement.setAttribute("media", "(min-width: 2000px");
</script>

R=meade@chromium.org
BUG=567021
Committed: https://crrev.com/f46992525f72e0bdf4331f8cf6fcc31602f307e7
Cr-Commit-Position: refs/heads/master@{#437213}

[rune, 2016-12-07 10:50:07]

The CQ bit was checked by rune@opera.com to run a CQ dry run

[commit-bot: I haz the power, 2016-12-07 10:50:25]

Dry run: CQ is trying da patch. Follow status at
 
https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.or...

[rune, 2016-12-07 10:52:46]

ptal

[commit-bot: I haz the power, 2016-12-07 12:29:48]

The CQ bit was unchecked by commit-bot@chromium.org

[commit-bot: I haz the power, 2016-12-07 12:29:48]

Dry run: This issue passed the CQ dry run.

[meade_UTC10, 2016-12-07 22:50:21]

lgtm

[rune, 2016-12-08 08:47:58]

The CQ bit was checked by rune@opera.com

[commit-bot: I haz the power, 2016-12-08 08:48:07]

CQ is trying da patch. Follow status at
 
https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.or...

[commit-bot: I haz the power, 2016-12-08 08:54:50]

CQ is committing da patch.

Bot data: {"patchset_id": 40001, "attempt_start_ts": 1481186878772830,
"parent_rev": "111f53e12a0a3c7fb3fda0ddee6a7591cc25ee67", "commit_rev":
"41b37798801ed2d574b9a736b52cb6a072135fb5"}

[commit-bot: I haz the power, 2016-12-08 08:55:21]

Committed patchset #3 (id:40001)

[commit-bot: I haz the power, 2016-12-08 08:58:09]

Description was changed from

==========
Make sure media query results are re-collected.

When media attributes change on style elements, we need to re-append
all sheets in the scope in order to collect the viewport and device
dependent media results correctly. This already done forced by the
FullStyleUpdate in parseAttribute, but we want to minimize the changes
here with async style update and ruleset based invalidations by marking
the treeScope dirty, and if nothing changed, invalidate no style.

However, we need to re-add global rule data, or at least the media
query results.

Example: say that we have a window width of 800px below. After the
media attribute has been changed, we don't need to recalculate any
styles, but we need to make sure we detect style changes crossing the
width of 2000px instead of 1000px.

<style media="(min-width: 1000px)"> ... </style>

<script>
  styleElement.setAttribute("media", "(min-width: 2000px");
</script>

R=meade@chromium.org
BUG=567021
==========

to

==========
Make sure media query results are re-collected.

When media attributes change on style elements, we need to re-append
all sheets in the scope in order to collect the viewport and device
dependent media results correctly. This already done forced by the
FullStyleUpdate in parseAttribute, but we want to minimize the changes
here with async style update and ruleset based invalidations by marking
the treeScope dirty, and if nothing changed, invalidate no style.

However, we need to re-add global rule data, or at least the media
query results.

Example: say that we have a window width of 800px below. After the
media attribute has been changed, we don't need to recalculate any
styles, but we need to make sure we detect style changes crossing the
width of 2000px instead of 1000px.

<style media="(min-width: 1000px)"> ... </style>

<script>
  styleElement.setAttribute("media", "(min-width: 2000px");
</script>

R=meade@chromium.org
BUG=567021

Committed: https://crrev.com/f46992525f72e0bdf4331f8cf6fcc31602f307e7
Cr-Commit-Position: refs/heads/master@{#437213}
==========

[commit-bot: I haz the power, 2016-12-08 08:58:11]

Patchset 3 (id:??) landed as
https://crrev.com/f46992525f72e0bdf4331f8cf6fcc31602f307e7
Cr-Commit-Position: refs/heads/master@{#437213}