155782 2016-03-22 21:21:53 -0700 Some CSS Custom Properties do not recalculate when new stylesheet is added to DOM 2016-03-24 18:42:30 -0700 1 1 1 Unclassified WebKit CSS Safari 9 Unspecified OS X 10.11 RESOLVED DUPLICATE 154785 InRadar P2 Normal --- 1 dfreedm webkit-unassigned eoconnor hyatt koivisto rniwa simon.fraser webkit-bug-importer oldest_to_newest 1177270 0 dfreedm 2016-03-22 21:21:53 -0700 If a stylesheet is added to the DOM dynamically, and it defines a CSS Custom Property used in another rule for the border property, it does not apply the border effect. Steps to reproduce 1. Load attached css-vars-late-style.html in Safari 9.1 2. Note that the element with text content "Should be bordered" does not have a border Expected Results Div with content "Should be bordered" should have a 10px solid green border. Actual Results Div is not bordered Works in Chrome 49 and Firefox 45 1177271 1 274726 dfreedm 2016-03-22 21:22:19 -0700 Created attachment 274726 Minimal reproduction 1177273 2 dfreedm 2016-03-22 21:24:58 -0700 After playing with it in the Dev Tools, setting display to none and back to block will trigger the correct effect. 1177837 3 webkit-bug-importer 2016-03-24 18:23:08 -0700 <rdar://problem/25351781> 1177839 4 simon.fraser 2016-03-24 18:42:30 -0700 *** This bug has been marked as a duplicate of bug 154785 *** 274726 2016-03-22 21:22:19 -0700 2016-03-22 21:22:19 -0700 Minimal reproduction css-vars-late-style.html text/html 647 dfreedm PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCI+CiAg PG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgPHRp dGxlPkxhdGUgc3R5bGluZyBkb2VzIG5vdCBhcHBseSB2YXJpYWJsZXM8L3RpdGxlPgo8L2hlYWQ+ Cjxib2R5PgogIDxzdHlsZT4KICAgIC5jaGlsZCB7CiAgICAgIGJvcmRlcjogdmFyKC0tZ3JhbmQt Y2hpbGQtc2NvcGUtdmFyKQogICAgfQogIDwvc3R5bGU+CiAgPHRlbXBsYXRlIGlkPSJ0Ij4KICAg IDxzdHlsZT4KICAgICAgLnBhcmVudCB7CiAgICAgICAgLS1ncmFuZC1jaGlsZC1zY29wZS12YXI6 IDEwcHggc29saWQgZ3JlZW47CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC90ZW1wbGF0ZT4KICA8 ZGl2IGNsYXNzPSJwYXJlbnQiPgogICAgPGRpdiBjbGFzcz0iY2hpbGQiPlNob3VsZCBCZSBCb3Jk ZXJlZDwvZGl2PgogIDwvZGl2PgogIDxzY3JpcHQ+CiAgICBhZGRFdmVudExpc3RlbmVyKCdsb2Fk JywgZnVuY3Rpb24oKXsKICAgICAgdmFyIGZyYWcgPSB0LmNvbnRlbnQuY2xvbmVOb2RlKHRydWUp OwogICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGZyYWcpOwogICAgfSk7CiAgPC9zY3Jp cHQ+CjwvYm9keT4KPC9odG1sPgo=