169835 2017-03-17 15:58:36 -0700 MediaQueryList instances do not update for `prefers-reduced-motion` 2017-03-17 16:41:56 -0700 1 1 1 Unclassified WebKit Accessibility WebKit Nightly Build Unspecified Unspecified RESOLVED FIXED InRadar P2 Normal --- 1 dino dino webkit-bug-importer oldest_to_newest 1289182 0 dino 2017-03-17 15:58:36 -0700 From Rob Brackett This is in Safari Tech Preview 22 on OS X 10.12.3. The reduced motion query does not appear to work in the current WebKit nightly (is that also a bug?) Summary: MediaQueryList instances (created with `window.matchMedia(query)`) for the CSS `prefers-reduced-motion` query do not update their `matches` property or dispatch event listeners when the underlying system status changes. New instances do get the correct current value. Steps To Reproduce: 1. Ensure “reduce motion” is off in OS X accessibility settings 2. Create a query, check its status, and add a listener with the following JS: var prefersReducedMotion = matchMedia(`(prefers-reduced-motion)`); prefersReducedMotion.matches; // false prefersReducedMotion.addListener(function () { var currentValue = prefersReducedMotion.matches; console.log(`Motion changed: ${currentValue ? `reduced` : `normal`}`); }); 3. Change motion preferences in the OS X accessibility settings panel Expected Result: The message “Motion changed: reduced” should have been logged to the console. Checking the JS `prefersReducedMotion.matches` should be `true`. Results: Nothing is logged. Checking `prefersReducedMotion.matches` is `false`. However, creating a new query yields `true`: matchMedia(`(prefers-reduced-motion)`).matches; // true 1289183 1 dino 2017-03-17 15:58:59 -0700 <rdar://problem/30339378> 1289184 2 304831 dino 2017-03-17 16:02:27 -0700 Created attachment 304831 Patch 1289199 3 dino 2017-03-17 16:41:56 -0700 Committed r214129: <http://trac.webkit.org/changeset/214129> 304831 2017-03-17 16:02:27 -0700 2017-03-17 16:06:25 -0700 Patch bug-169835-20170318100224.patch text/plain 4856 dino U3VidmVyc2lvbiBSZXZpc2lvbjogMjE0MTA5CmRpZmYgLS1naXQgYS9Tb3VyY2UvV2ViQ29yZS9D aGFuZ2VMb2cgYi9Tb3VyY2UvV2ViQ29yZS9DaGFuZ2VMb2cKaW5kZXggYTg4MjAzYzIzNDM5NzQ5 MTBlYWVkNTRmNzJhYzM0NzQxNjExZDQ2Mi4uZWJjOTVmNWI2Mzk1YWQyZjEwOTBhZjRhZWJlNzNk MWRmMGQyM2E0NyAxMDA2NDQKLS0tIGEvU291cmNlL1dlYkNvcmUvQ2hhbmdlTG9nCisrKyBiL1Nv dXJjZS9XZWJDb3JlL0NoYW5nZUxvZwpAQCAtMSwzICsxLDE5IEBACisyMDE3LTAzLTE3ICBEZWFu IEphY2tzb24gIDxkaW5vQGFwcGxlLmNvbT4KKworICAgICAgICBNZWRpYVF1ZXJ5TGlzdCBpbnN0 YW5jZXMgZG8gbm90IHVwZGF0ZSBmb3IgYHByZWZlcnMtcmVkdWNlZC1tb3Rpb25gCisgICAgICAg IGh0dHBzOi8vYnVncy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD0xNjk4MzUKKyAgICAgICAg PHJkYXI6Ly9wcm9ibGVtLzMwMzM5Mzc4PgorCisgICAgICAgIFJldmlld2VkIGJ5IE5PQk9EWSAo T09QUyEpLgorCisgICAgICAgIFRlbGwgdGhlIGRvY3VtZW50IGl0IG5lZWRzIHRvIGV2YWx1YXRl IHRoZSBNZWRpYVF1ZXJ5TGlzdHMKKyAgICAgICAgaWYgYWNjZXNzaWJpbGl0eSBzZXR0aW5ncyBj aGFuZ2UuCisKKyAgICAgICAgVGVzdDogZmFzdC9tZWRpYS9tcS1wcmVmZXJzLXJlZHVjZWQtbW90 aW9uLW1hdGNoTWVkaWEuaHRtbAorCisgICAgICAgICogcGFnZS9QYWdlLmNwcDoKKyAgICAgICAg KFdlYkNvcmU6OlBhZ2U6OmFjY2Vzc2liaWxpdHlTZXR0aW5nc0RpZENoYW5nZSk6CisKIDIwMTct MDMtMTcgIFlvdWVubiBGYWJsZXQgIDx5b3Vlbm5AYXBwbGUuY29tPgogCiAgICAgICAgIFJlYWx0 aW1lSW5jb21pbmdBdWRpb1NvdXJjZSBpcyBub3Qgc3RvcHBpbmcgcHJvcGVybHkKZGlmZiAtLWdp dCBhL1NvdXJjZS9XZWJDb3JlL3BhZ2UvUGFnZS5jcHAgYi9Tb3VyY2UvV2ViQ29yZS9wYWdlL1Bh Z2UuY3BwCmluZGV4IDc5ZTFmMTYzZWFlN2Q1MWNmMTM3ZTFkZjIxYmNiMDVhNjllYmRkNTguLjI4 NWM5NjFhNGMwZjUxN2Y3N2YwNzViYmZkOTIxNzRiMDRmZDMyNzQgMTAwNjQ0Ci0tLSBhL1NvdXJj ZS9XZWJDb3JlL3BhZ2UvUGFnZS5jcHAKKysrIGIvU291cmNlL1dlYkNvcmUvcGFnZS9QYWdlLmNw cApAQCAtMjIxNyw2ICsyMjE3LDcgQEAgdm9pZCBQYWdlOjphY2Nlc3NpYmlsaXR5U2V0dGluZ3NE aWRDaGFuZ2UoKQogICAgICAgICAgICAgYXV0byogc3R5bGVSZXNvbHZlciA9IGRvY3VtZW50LT5z dHlsZVNjb3BlKCkucmVzb2x2ZXJJZkV4aXN0cygpOwogICAgICAgICAgICAgaWYgKHN0eWxlUmVz b2x2ZXIgJiYgc3R5bGVSZXNvbHZlci0+aGFzTWVkaWFRdWVyaWVzQWZmZWN0ZWRCeUFjY2Vzc2li aWxpdHlTZXR0aW5nc0NoYW5nZSgpKSB7CiAgICAgICAgICAgICAgICAgZG9jdW1lbnQtPnN0eWxl U2NvcGUoKS5kaWRDaGFuZ2VTdHlsZVNoZWV0RW52aXJvbm1lbnQoKTsKKyAgICAgICAgICAgICAg ICBkb2N1bWVudC0+ZXZhbHVhdGVNZWRpYVF1ZXJ5TGlzdCgpOwogICAgICAgICAgICAgICAgIG5l ZWRlZFJlY2FsYyA9IHRydWU7CiAgICAgICAgICAgICAgICAgLy8gRklYTUU6IFRoaXMgaW5zdHJ1 bWVudGF0aW9uIGV2ZW50IGlzIG5vdCBzdHJpY3RseSBhY2N1cmF0ZSBzaW5jZSBjYWNoZWQgbWVk aWEgcXVlcnkgcmVzdWx0cyBkbyBub3QgcGVyc2lzdCBhY3Jvc3MgU3R5bGVSZXNvbHZlciByZWJ1 aWxkcy4KICAgICAgICAgICAgICAgICBJbnNwZWN0b3JJbnN0cnVtZW50YXRpb246Om1lZGlhUXVl cnlSZXN1bHRDaGFuZ2VkKCpkb2N1bWVudCk7CmRpZmYgLS1naXQgYS9MYXlvdXRUZXN0cy9DaGFu Z2VMb2cgYi9MYXlvdXRUZXN0cy9DaGFuZ2VMb2cKaW5kZXggYzljYTcxODMyODc2YzE5NmYyY2M0 MGY1Yzg5MjFmY2YwYWJlZWQxNi4uYTZjODliNzY1ZGZmZDUzZDJkZTllZjk3MWQ4NGE0N2I4NzVm MmQyYyAxMDA2NDQKLS0tIGEvTGF5b3V0VGVzdHMvQ2hhbmdlTG9nCisrKyBiL0xheW91dFRlc3Rz L0NoYW5nZUxvZwpAQCAtMSwzICsxLDE0IEBACisyMDE3LTAzLTE3ICBEZWFuIEphY2tzb24gIDxk aW5vQGFwcGxlLmNvbT4KKworICAgICAgICBNZWRpYVF1ZXJ5TGlzdCBpbnN0YW5jZXMgZG8gbm90 IHVwZGF0ZSBmb3IgYHByZWZlcnMtcmVkdWNlZC1tb3Rpb25gCisgICAgICAgIGh0dHBzOi8vYnVn cy53ZWJraXQub3JnL3Nob3dfYnVnLmNnaT9pZD0xNjk4MzUKKyAgICAgICAgPHJkYXI6Ly9wcm9i bGVtLzMwMzM5Mzc4PgorCisgICAgICAgIFJldmlld2VkIGJ5IE5PQk9EWSAoT09QUyEpLgorCisg ICAgICAgICogZmFzdC9tZWRpYS9tcS1wcmVmZXJzLXJlZHVjZWQtbW90aW9uLW1hdGNoTWVkaWEt ZXhwZWN0ZWQudHh0OiBBZGRlZC4KKyAgICAgICAgKiBmYXN0L21lZGlhL21xLXByZWZlcnMtcmVk dWNlZC1tb3Rpb24tbWF0Y2hNZWRpYS5odG1sOiBBZGRlZC4KKwogMjAxNy0wMy0xNyAgWW91ZW5u IEZhYmxldCAgPHlvdWVubkBhcHBsZS5jb20+CiAKICAgICAgICAgUmVhbHRpbWVJbmNvbWluZ0F1 ZGlvU291cmNlIGlzIG5vdCBzdG9wcGluZyBwcm9wZXJseQpkaWZmIC0tZ2l0IGEvTGF5b3V0VGVz dHMvZmFzdC9tZWRpYS9tcS1wcmVmZXJzLXJlZHVjZWQtbW90aW9uLW1hdGNoTWVkaWEtZXhwZWN0 ZWQudHh0IGIvTGF5b3V0VGVzdHMvZmFzdC9tZWRpYS9tcS1wcmVmZXJzLXJlZHVjZWQtbW90aW9u LW1hdGNoTWVkaWEtZXhwZWN0ZWQudHh0Cm5ldyBmaWxlIG1vZGUgMTAwNjQ0CmluZGV4IDAwMDAw MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAuLjkzODFlZTk0M2JkYjJmNzU2NWQ3 ZTViZjEyN2U0N2U2NGYwMDYyMzEKLS0tIC9kZXYvbnVsbAorKysgYi9MYXlvdXRUZXN0cy9mYXN0 L21lZGlhL21xLXByZWZlcnMtcmVkdWNlZC1tb3Rpb24tbWF0Y2hNZWRpYS1leHBlY3RlZC50eHQK QEAgLTAsMCArMSw1IEBACitJbml0aWFsIHZhbHVlIG9mIG1vdGlvblF1ZXJ5Lm1hdGNoZXM6IGZh bHNlIC0gc2hvdWxkIGJlIGZhbHNlCisKK1VwZGF0ZWQgdmFsdWUgb2YgbW90aW9uUXVlcnkubWF0 Y2hlczogdHJ1ZSAtIHNob3VsZCBiZSB0cnVlCisKK05vdGUgdGhlIHVwZGF0ZWQgdmFsdWUgd2ls bCBvbmx5IGJlIGZpbGxlZCBpZiB0aGUgbGlzdGVuZXIgZmlyZXMuCmRpZmYgLS1naXQgYS9MYXlv dXRUZXN0cy9mYXN0L21lZGlhL21xLXByZWZlcnMtcmVkdWNlZC1tb3Rpb24tbWF0Y2hNZWRpYS5o dG1sIGIvTGF5b3V0VGVzdHMvZmFzdC9tZWRpYS9tcS1wcmVmZXJzLXJlZHVjZWQtbW90aW9uLW1h dGNoTWVkaWEuaHRtbApuZXcgZmlsZSBtb2RlIDEwMDY0NAppbmRleCAwMDAwMDAwMDAwMDAwMDAw MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwLi45NGM2Njk1MTljMjZiOTc5NTM5NWQzODBhNmVmN2Qy NjgxOTYyNGI0Ci0tLSAvZGV2L251bGwKKysrIGIvTGF5b3V0VGVzdHMvZmFzdC9tZWRpYS9tcS1w cmVmZXJzLXJlZHVjZWQtbW90aW9uLW1hdGNoTWVkaWEuaHRtbApAQCAtMCwwICsxLDQxIEBACis8 aHRtbD4KKzxoZWFkPgorPHRpdGxlPkNTUzQgbWVkaWEgcXVlcnkgdGVzdDogcHJlZmVycy1yZWR1 Y2VkLW1vdGlvbiB1c2luZyBtYXRjaE1lZGlhIGFuZCBhZGRMaXN0ZW5lci48L3RpdGxlPgorPHNj cmlwdD4KK2lmICh3aW5kb3cudGVzdFJ1bm5lcikgeworICAgIHRlc3RSdW5uZXIuZHVtcEFzVGV4 dCgpOworICAgIHRlc3RSdW5uZXIud2FpdFVudGlsRG9uZSgpOworfQorCitmdW5jdGlvbiBydW5U ZXN0KCkKK3sKKyAgICBpZiAoIXdpbmRvdy5pbnRlcm5hbHMpCisgICAgICAgIHJldHVybjsKKwor ICAgIHZhciBtb3Rpb25RdWVyeSA9IHdpbmRvdy5tYXRjaE1lZGlhKCIocHJlZmVycy1yZWR1Y2Vk LW1vdGlvbikiKTsKKyAgICBtb3Rpb25RdWVyeS5hZGRMaXN0ZW5lcigoKSA9PiB7CisgICAgICAg IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJhZnRlciIpLnRleHRDb250ZW50ID0gbW90aW9uUXVl cnkubWF0Y2hlcyA/ICJ0cnVlIiA6ICJmYWxzZSI7CisgICAgICAgIHRlc3RSdW5uZXIubm90aWZ5 RG9uZSgpOworICAgIH0pOworCisgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImJlZm9yZSIp LnRleHRDb250ZW50ID0gbW90aW9uUXVlcnkubWF0Y2hlcyA/ICJ0cnVlIiA6ICJmYWxzZSI7Cisg ICAgd2luZG93LmludGVybmFscy5zZXR0aW5ncy5mb3JjZWRQcmVmZXJzUmVkdWNlZE1vdGlvbkFj Y2Vzc2liaWxpdHlWYWx1ZSA9ICJvbiI7CisgICAgaWYgKHRlc3RSdW5uZXIucnVuVUlTY3JpcHQp IHsKKyAgICAgICAgdGVzdFJ1bm5lci5ydW5VSVNjcmlwdChgCisgICAgICAgICAgICAoZnVuY3Rp b24oKSB7CisgICAgICAgICAgICAgICAgdWlDb250cm9sbGVyLnNpbXVsYXRlQWNjZXNzaWJpbGl0 eVNldHRpbmdzQ2hhbmdlTm90aWZpY2F0aW9uKGZ1bmN0aW9uKCkgeworICAgICAgICAgICAgICAg ICAgICB1aUNvbnRyb2xsZXIudWlTY3JpcHRDb21wbGV0ZSgiRG9uZSIpOworICAgICAgICAgICAg ICAgIH0pOworICAgICAgICAgICAgfSkoKTtgKTsKKyAgICB9Cit9CisKK3dpbmRvdy5hZGRFdmVu dExpc3RlbmVyKCJsb2FkIiwgcnVuVGVzdCwgZmFsc2UpOworPC9zY3JpcHQ+Cis8L2hlYWQ+Cis8 Ym9keT4KKyAgPHA+SW5pdGlhbCB2YWx1ZSBvZiBtb3Rpb25RdWVyeS5tYXRjaGVzOiA8c3BhbiBp ZD0iYmVmb3JlIj51bmtub3duPC9zcGFuPiAtIHNob3VsZCBiZSBmYWxzZTwvcD4KKyAgPHA+VXBk YXRlZCB2YWx1ZSBvZiBtb3Rpb25RdWVyeS5tYXRjaGVzOiA8c3BhbiBpZD0iYWZ0ZXIiPnVua25v d248L3NwYW4+IC0gc2hvdWxkIGJlIHRydWU8L3A+CisgIDxwPk5vdGUgdGhlIHVwZGF0ZWQgdmFs dWUgd2lsbCBvbmx5IGJlIGZpbGxlZCBpZiB0aGUgbGlzdGVuZXIgZmlyZXMuPC9wPgorPC9ib2R5 PgorPC9odG1sPgo=