56701 2011-03-18 18:24:02 -0700 Querying Computed Style for an Element with "outline-style" Set Breaks 3D Scaling Everywhere 2011-03-26 20:43:14 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac OS X 10.6 RESOLVED DUPLICATE 27684 InRadar P2 Normal --- 1 rob.brackett simon.fraser ap koivisto simon.fraser oldest_to_newest 370059 0 86251 rob.brackett 2011-03-18 18:24:02 -0700 Created attachment 86251 Test Case for Outline-style Computed Style Breaks 3D Scale Querying the value of any computed style property on an element that has "outline-style" set causes 3D scaling to work differently on *all* elements. Specifically, the scale appears to fade or blur on the edges, which seems to be because the stretching now blends the element with the content behind it. It's important to note that the simple action of querying the computed style on one element actually breaks the rendering all elements on the page, not just the one on which the computed style property was queried. Test case attached. 370081 1 simon.fraser 2011-03-18 19:39:09 -0700 <rdar://problem/9158308> 374037 2 simon.fraser 2011-03-26 20:43:14 -0700 This is a dup of bug 27684. What happens is that outline causes compositing layers to have space around the edge, and when scaled, the edge becomes fuzzy. *** This bug has been marked as a duplicate of bug 27684 *** 86251 2011-03-18 18:24:02 -0700 2011-03-18 18:24:02 -0700 Test Case for Outline-style Computed Style Breaks 3D Scale computed_outline-style_breaks_scale.html text/html 2585 rob.brackett PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPG1ldGEgY2hhcnNldD0idXRmLTgiIC8+Cjx0 aXRsZT5Db21wdXRlZCBPdXRsaW5lIFN0eWxlIEJyZWFrcyAzRCBTY2FsaW5nPC90aXRsZT4KPHN0 eWxlPgogICNub3JtYWxfc3RyZXRjaCB7CiAgICBiYWNrZ3JvdW5kOiBncmVlbjsKICAgIHdpZHRo OiAxMHB4OwogICAgaGVpZ2h0OiAxMHB4OwogICAgLXdlYmtpdC10cmFuc2Zvcm06IHNjYWxlKDUw LCAxKTsKICB9CiAgI3RocmVlZGVlX3N0cmV0Y2ggewogICAgYmFja2dyb3VuZDogb3JhbmdlOwog ICAgd2lkdGg6IDEwcHg7CiAgICBoZWlnaHQ6IDEwcHg7CiAgICAtd2Via2l0LXRyYW5zZm9ybTog c2NhbGUzZCg1MCwgMSwgMSk7CiAgICAvKiBZb3UgY291bGQgYWxzbyBkbyB0aGlzLCB3aGljaCBp cyBmYWlybHkgY29tbW9uIHRvIG9wdGltaXplIGZvciBpT1M6CiAgICAgLXdlYmtpdC10cmFuc2Zv cm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApIHNjYWxlKDUwLCAxKTsKICAgICovCiAgfQo8L3N0eWxl Pgo8L2hlYWQ+Cjxib2R5PgogIAogIDxoMT5RdWVyeWluZyBDb21wdXRlZCBTdHlsZSBmb3IgYW4g RWxlbWVudCB3aXRoIOKAnG91dGxpbmUtc3R5bGXigJ0gU2V0IEJyZWFrcyAzRCBTY2FsaW5nIEV2 ZXJ5d2hlcmU8L2gxPgogIDxwPgogICAgUXVlcnlpbmcgdGhlIHZhbHVlIG9mIGFueSBjb21wdXRl ZCBzdHlsZSBwcm9wZXJ0eSBvbiBhbiBlbGVtZW50IHRoYXQgaGFzIDxjb2RlPm91dGxpbmUtc3R5 bGU8L2NvZGU+IHNldCBjYXVzZXMgM0Qgc2NhbGluZyB0byB3b3JrIGRpZmZlcmVudGx5LgogICAg U3BlY2lmaWNhbGx5LCB0aGUgc2NhbGUgYXBwZWFycyB0byBmYWRlIG9yIGJsdXIgb24gdGhlIGVk Z2VzLCB3aGljaCBzZWVtcyB0byBiZSBiZWNhdXNlIHRoZSBzdHJldGNoaW5nIG5vdyBibGVuZHMg dGhlIGVsZW1lbnQgd2l0aCB0aGUgY29udGVudCBiZWhpbmQgaXQuCiAgPC9wPgogIDxoMj5UbyBS ZXByb2R1Y2U6PC9oMj4KICA8b2w+CiAgICA8bGk+Q3JlYXRlIGFuIGVsZW1lbnQ8L2xpPgogICAg PGxpPlNldCB0aGUgPGNvZGU+b3V0bGluZS1zdHlsZTwvY29kZT4gcHJvcGVydHkgb24gaXQ8L2xp PgogICAgPGxpPkdldCB0aGUgY29tcHV0ZWQgc3R5bGUgKDxjb2RlPndpbmRvdy5nZXRDb21wdXRl ZFN0eWxlKCk8L2NvZGU+KSBmb3IgdGhlIGVsZW1lbnQ8L2xpPgogICAgPGxpPkdldCB0aGUgdmFs dWUgb2YgYW55IHByb3BlcnR5IG9uIHRoZSBjb21wdXRlZCBzdHlsZSAoaXQgZG9lcyBub3QgbmVl ZCB0byBiZSA8Y29kZT5vdXRsaW5lLXN0eWxlPC9jb2RlPik8L2xpPgogICAgPGxpPkFsbCBlbGVt ZW50cyBvbiB0aGUgcGFnZSB3aXRoIGEgM0Qgc2NhbGUgZnVuY3Rpb24gZm9yIDxjb2RlPi13ZWJr aXQtdHJhbnNmb3JtPC9jb2RlPiBjaGFuZ2UgYXBwZWFyYW5jZTwvbGk+CiAgPC9vbD4KICAKICA8 cD4KICAgIFRoZSBncmVlbiBiYXIgaXMgc3RyZXRjaGVkIHdpdGggYSBzaW1wbGUgMkQgdHJhbnNm b3JtIGFuZCBzbyBkb2VzIG5vdCBleGhpYml0IHRoZSBidWcuCiAgICBUaGUgb3JhbmdlIGJhciBi ZWxvdyB3aWxsIGJlIGZ1enp5IG9uIGl0cyBsZWZ0IGFuZCByaWdodCBlZGdlcyBpZiB0aGUgYnVn IGlzIG9jY3VycmluZy4KICAgIFZpZXcgc291cmNlIHRvIHNlZSB0aGUgY29kZSB0aGF0IHRyaWdn ZXJzIGl0LgogICAgPGVtPlRyeSBjb21tZW50aW5nIG91dCBsaW5lIDU5IG9mIHRoaXMgZG9jdW1l bnQgdG8gdG9nZ2xlIHRoZSBidWdnaW5lc3MuPC9lbT4KICA8L3A+CgogIDxkaXY+QWxsIGdvb2Q6 PC9kaXY+CiAgPGRpdiBpZD0ibm9ybWFsX3N0cmV0Y2giPjwvZGl2PgogIDxkaXY+SWYgdGhpcyBp cyBibGVuZGVkIGF0IHRoZSBlZGdlcywgaXQncyBicm9rZW46PC9kaXY+CiAgPGRpdiBpZD0idGhy ZWVkZWVfc3RyZXRjaCI+PC9kaXY+CiAgCiAgPHNjcmlwdCB0eXBlPSJhcHBsaWNhdGlvbi9qYXZh c2NyaXB0Ij4KICAgIC8vIE5vdGUgd2UgYXJlIGRvaW5nIGFsbCB0aGUgbWVzc2luZyBhcm91bmQg d2l0aCBhbiAKICAgIC8vIGVsZW1lbnQgdGhhdCBpcyAqbm90KiB0aGUgb25lIHRoYXQgZ2V0cyBz Y3Jld2VkIHVwCiAgICB2YXIgdGVzdERpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoImRpdiIp OwogICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZCh0ZXN0RGl2KTsKICAgIAogICAgLy8gU2V0 IHRoZSBvdXRsaW5lIHN0eWxlCiAgICB0ZXN0RGl2LnN0eWxlWyJvdXRsaW5lLXN0eWxlIl0gPSAi c29saWQiOwogICAgdmFyIGNvbXB1dGVkID0gZ2V0Q29tcHV0ZWRTdHlsZSh0ZXN0RGl2KTsKICAg IAogICAgLy8gTm90ZSB0aGF0IHRoaXMgaXMgbm90ICJvdXRsaW5lLXN0eWxlIgogICAgLy8gSXQg YWN0dWFsbHkgZG9lc24ndCBtYXR0ZXIgd2hhdCB3ZSBxdWVyeSwgCiAgICAvLyBzbyBsb25nIGFz IHdlIHF1ZXJ5ICpzb21ldGhpbmcqIGZyb20gY29tcHV0ZWQKICAgIGNvbXB1dGVkWyJvdXRsaW5l LWNvbG9yIl07CiAgICAKICAgIC8vIEF0dGVtcHQgdG8gY2xlYW4gdXAuLi4gdGhpcyBkb2Vzbid0 IGhlbHAuCiAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKHRlc3REaXYpOwogIDwvc2NyaXB0 PgogIAo8L2JvZHk+CjwvaHRtbD4=