[Webkit-unassigned] [Bug 176101] New: Media query inside a custom elements doesn't get updated on window resize
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Aug 30 06:31:12 PDT 2017
https://bugs.webkit.org/show_bug.cgi?id=176101
Bug ID: 176101
Summary: Media query inside a custom elements doesn't get
updated on window resize
Product: WebKit
Version: Safari 10
Hardware: Macintosh
OS: macOS 10.12
Status: NEW
Severity: Normal
Priority: P2
Component: CSS
Assignee: webkit-unassigned at lists.webkit.org
Reporter: diegopc86 at gmail.com
I found this issue while trying to reproduce the Bug 170762, so I created a small test case but I used media query to see if the :host() descendants were getting updated properly. But then, I found out that the styles inside @media selectors are not updated after the user resizes the window.
Take this example inspired by one on the original bug report http://jsbin.com/xuyozoguqu/edit?html,output
When user clicks on the toggle button, the color of the <p> element should get updated and that works for Safari 11 Tech Preview (though it doesn't work for Safari 10).
If you try to resize the Output iframe, the color is not updated for the host descendants. The styles within @media are applied only if the criteria is matched on the first load and are not being updated whenever the viewport is resized. I have tested it for both Safari 10.1.2 (12603.3.8) and Release 38 (Safari 11.1, WebKit 12605.1.3.1) and both failed for this. I have also tested in Chrome 60.0.3112.113 (Official Build) (64-bit) and it worked as expected.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170830/561d23a6/attachment-0001.html>
More information about the webkit-unassigned
mailing list