45399 2010-09-08 10:44:06 -0700 -webkit-line-clamp is not respected when visibility is hidden 2022-06-30 09:35:57 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All All UNCONFIRMED InRadar P2 Normal --- 233770 0 rob.brackett webkit-unassigned bfulgham dvoytenko kenneth mralkanlar webkit-bug-importer oldest_to_newest 275927 0 66913 rob.brackett 2010-09-08 10:44:06 -0700 Created attachment 66913 Test case for -webkit-line-clamp and visibility hidden issue When an element with visibility: hidden and -webkit-line-clamp: [anything] is appended to the DOM, the line clamp is not respected, even after setting visibility: visible or removing the visibility setting altogether. Note that the problem really seems to be that -webkit-line-clamp is ignored when rendering an element with visibility: hidden, not when making it visible (although the problem continues to persist then). Test case attached. Brief example: <div id="root"> <div id="container"> <p id="clamped"> Blah blah blah </p> </div> </div> 1. Remove #container 2. Set visibility: hidden on #container 3. Append #container to #root 4. Remove visibility: hidden on #container This also works if the element you remove and set visibility on is #clamped instead of #container. Just wanted to illustrate that it could be any node up the tree. 912032 1 mralkanlar 2013-07-26 12:03:09 -0700 I can confirm the existence of this bug in Chrome Version 28.0.1500.71. 1060146 2 dvoytenko 2015-01-09 09:33:40 -0800 Definitely seeing it on 39.0.2171.95: both desktop and mobile 1819752 3 gsnedders 2021-12-02 10:17:56 -0800 *** Bug 207013 has been marked as a duplicate of this bug. *** 1879392 4 bfulgham 2022-06-30 09:35:57 -0700 This appears to be tracked by this radar: <rdar://59041496> 66913 2010-09-08 10:44:06 -0700 2010-09-08 10:44:06 -0700 Test case for -webkit-line-clamp and visibility hidden issue lineClampIssue.html text/html 5840 rob.brackett PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPG1ldGEgY2hhcnNldD0idXRmLTgiIC8+Cjx0 aXRsZT5MaW5lIENsYW1wIGFuZCBWaXNpYmlsaXR5IEhpZGRlbiBJc3N1ZTwvdGl0bGU+CjxzdHls ZT4KICAvKiBERU1PTlNUUkFURSBUSEUgQUNUVUFMIElTU1VFICovCiAgI2RlbW9fYXJlYSB7CiAg ICB3aWR0aDogNDAwcHg7CiAgfQogICNkZW1vX2NsYW1wZWQgewogICAgYmFja2dyb3VuZDogI2Nj YzsKICAgIHBhZGRpbmc6IDA7CiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDsKICAgIC13ZWJraXQt Ym94LW9yaWVudDogdmVydGljYWw7CiAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgLXdlYmtpdC1s aW5lLWNsYW1wOiAyOwogIH0KICAKICAvKiBOSUNFIFNUWUxJTkcgKi8KICAjZGVtb19hcmVhIHsK ICAgIGZsb2F0OiBsZWZ0OwogIH0KICAKICAjZGVtb19yb290IHsKICAgIGJhY2tncm91bmQ6ICNl ZWU7CiAgICBwYWRkaW5nOiAwLjVlbTsKICB9CiAgI2RlbW9fY29udGFpbmVyIHsKICAgIGJhY2tn cm91bmQ6ICNkZGQ7CiAgICBwYWRkaW5nOiAwLjVlbTsKICB9CiAgI2luc3RydWN0aW9uc19hcmVh IHsKICAgIGZsb2F0OiBsZWZ0OwogICAgd2lkdGg6IDU1MHB4OwogICAgbWFyZ2luLWxlZnQ6IDFl bTsKICB9CiAgcHJlLmNvZGUgewogICAgcGFkZGluZzogMC41ZW07CiAgICBiYWNrZ3JvdW5kOiAj ZWVlOwogIH0KICBvbCA+IGxpIHsKICAgIG1hcmdpbjogMCAwIDJlbTsKICB9Cjwvc3R5bGU+Cjwv aGVhZD4KPGJvZHk+Cgo8aDE+V2Via2l0IExpbmUgQ2xhbXAgd2l0aCBWaXNpYmlsaXR5IEhpZGRl biBJc3N1ZTwvaDE+Cgo8cD4KICBXaGVuIGFuIGVsZW1lbnQgd2l0aCA8ZW0+dmlzaWJpbGl0eTog aGlkZGVuPC9lbT4gYW5kIDxlbT4td2Via2l0LWxpbmUtY2xhbXA6IFthbnl0aGluZ108L2VtPiAK ICBpcyBhcHBlbmRlZCB0byB0aGUgRE9NLCB0aGUgbGluZSBjbGFtcCBpcyBub3QgcmVzcGVjdGVk LCBldmVuIGFmdGVyIHNldHRpbmcgCiAgPGVtPnZpc2liaWxpdHk6IHZpc2libGU8L2VtPiBvciBy ZW1vdmluZyB0aGUgdmlzaWJpbGl0eSBzZXR0aW5nIGFsdG9nZXRoZXIuIE5vdGUgdGhhdAogIHRo ZSBwcm9ibGVtIHJlYWxseSBzZWVtcyB0byBiZSB0aGF0IDxlbT4td2Via2l0LWxpbmUtY2xhbXA8 L2VtPiBpcyBpZ25vcmVkIHdoZW4gcmVuZGVyaW5nCiAgYW4gZWxlbWVudCB3aXRoIDxlbT52aXNp YmlsaXR5OiBoaWRkZW48L2VtPiwgbm90IHdoZW4gbWFraW5nIGl0IHZpc2libGUgKGFsdGhvdWdo IHRoZSBwcm9ibGVtCiAgY29udGludWVzIHRvIHBlcnNpc3QgdGhlbikuCjwvcD4KPHA+CiAgVGhp cyBpcyBhbHNvIG5vdCBhIGNvbnRyaXZlZCBleGFtcGxlLiBJdCB3YXMgZW5jb3VudGVyZWQgd2hp bGUgd29ya2luZyBvbiBjb2RlIGZvciBhbmltYXRpbmcKICBlbGVtZW50cyBhcyB0aGV5IGFyZSBp bnNlcnRlZCBpbnRvIHRoZSBET00gKGUuZy4gZmFkaW5nIGluLCBncm93aW5nIGZyb20gemVybyBo ZWlnaHQsIAogIGhpZ2hsaWdodGluZywgZXRjLikgd2l0aCBXZWJLaXQgQ1NTIGFuaW1hdGlvbnMu CiAgSW4gdGhpcyBjYXNlLCA8ZW0+dmlzaWJpbGl0eTwvZW0+IHdhcyB1c2VkIHdoaWxlIHRoZSBh bmltYXRpb24gd2FzIGJlaW5nIHNldCB1cCBiZWNhdXNlIGl04oCZcyAKICBub3QgYW4gYW5pbWF0 YWJsZSBwcm9wZXJ0eSBhbmQgd291bGRuJ3QgaW50ZXJmZXJlIHdpdGggYW55dGhpbmcuCjwvcD4K CjxkaXYgaWQ9ImRlbW9fYXJlYSI+CiAgPGgyPkRlbW8gQ29kZTwvaDI+CgogIDxkaXYgaWQ9ImRl bW9fcm9vdCI+CiAgICAjZGVtb19yb290CiAgICA8ZGl2IGlkPSJkZW1vX2NvbnRhaW5lciI+CiAg ICAgICNkZW1vX2NvbnRhaW5lcgogICAgICA8cCBpZD0iZGVtb19jbGFtcGVkIj4KICAgICAgICAj ZGVtb19jbGFtcGVkIC0gU29tZSBtZW4gYXJlIGJvcm4gdG8gZ29vZCBsdWNrOiBhbGwgdGhleSBk byBvciB0cnkgdG8gZG8gY29tZXMKICAgICAgICByaWdodC0tYWxsIHRoYXQgZmFsbHMgdG8gdGhl bSBpcyBzbyBtdWNoIGdhaW4tLWFsbCB0aGVpciBnZWVzZSBhcmUKICAgICAgICBzd2Fucy0tYWxs IHRoZWlyIGNhcmRzIGFyZSB0cnVtcHMtLXRvc3MgdGhlbSB3aGljaCB3YXkgeW91IHdpbGwsIHRo ZXkKICAgICAgICB3aWxsIGFsd2F5cywgbGlrZSBwb29yIHB1c3MsIGFsaWdodCB1cG9uIHRoZWly IGxlZ3MsIGFuZCBvbmx5IG1vdmUgb24gc28KICAgICAgICBtdWNoIHRoZSBmYXN0ZXIuIFRoZSB3 b3JsZCBtYXkgdmVyeSBsaWtlbHkgbm90IGFsd2F5cyB0aGluayBvZiB0aGVtIGFzCiAgICAgICAg dGhleSB0aGluayBvZiB0aGVtc2VsdmVzLCBidXQgd2hhdCBjYXJlIHRoZXkgZm9yIHRoZSB3b3Js ZD8gd2hhdCBjYW4gaXQKICAgICAgICBrbm93IGFib3V0IHRoZSBtYXR0ZXI/CiAgICAgIDwvcD4K ICAgIDwvZGl2PgogIDwvZGl2PgogIAo8L2Rpdj4KCjxkaXYgaWQ9Imluc3RydWN0aW9uc19hcmVh Ij4KICA8aDI+TGV0J3MgUmVwcm8gSXQhPC9oMj4KCiAgPG9sPgogICAgPGxpPgogICAgICBUaGUg I2RlbW9fY2xhbXBlZCBlbGVtZW50IGlzIGNsYW1wZWQgYXQgdHdvIGxpbmVzLCBzbyBpdHMgaGVp Z2h0IGlzIHNtYWxsOgogICAgCjxwcmUgY2xhc3M9ImNvZGUiPnZhciBkZW1vX3Jvb3QgPSBkb2N1 bWVudC5nZXRFbGVtZW50QnlJZCgiZGVtb19yb290IiksCiAgICBkZW1vX2NvbnRhaW5lciA9IGRv Y3VtZW50LmdldEVsZW1lbnRCeUlkKCJkZW1vX2NvbnRhaW5lciIpLAogICAgZGVtb19jbGFtcGVk ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImRlbW9fY2xhbXBlZCIpOwogICAgCmFsZXJ0KGRl bW9fY2xhbXBlZC5vZmZzZXRIZWlnaHQpOzwvcHJlPgoKICAgICAgPGJ1dHRvbiBpZD0ic3RlcF9v bmUiIG9uY2xpY2s9ImNoZWNrQ2xhbXBBbmRTaXplKCk7Ij5NZWFzdXJlIGl0ITwvYnV0dG9uPgog ICAgPC9saT4KICAgIDxsaT4KICAgICAgTm93IHJlbW92ZSAjZGVtb19jbGFtcGVkIG9yIGFueSBl bGVtZW50IGNvbnRhaW5pbmcgaXQgZnJvbSBpdHMgcGFyZW50OgogICAgCjxwcmUgY2xhc3M9ImNv ZGUiPmRlbW9fcm9vdC5yZW1vdmVDaGlsZChkZW1vX2NsYW1wZWQpOzwvcHJlPgoKICAgICAgPGJ1 dHRvbiBpZD0ic3RlcF90d28iIG9uY2xpY2s9InJlbW92ZUNvbnRhaW5lcigpOyI+UmVtb3ZlIHRo YXQgbm9kZSE8L2J1dHRvbj4KICAgIDwvbGk+CiAgICA8bGk+CiAgICAgIFRvIGV4aGliaXQgdGhl IGlzc3VlLCBzZXQgPGVtPnZpc2liaWxpdHk6IGhpZGRlbjwvZW0+IG9uIHRoZSByZW1vdmVkIGVs ZW1lbnQsCiAgICAgIGFwcGVuZCBpdCBiYWNrIGludG8gdGhlIERPTSAoYW55IGxvY2F0aW9uLCBi dXQgd2XigJlsbCBwdXQgaXQgYmFjayB3aGVyZSBpdCBjYW1lIGZyb20pLAogICAgICBhbmQgcmVt b3ZlIHRoZSA8ZW0+dmlzaWJpbGl0eTwvZW0+IHByb3BlcnR5IG9yIHNldCBpdCB0byA8ZW0+dmlz aWJsZTwvZW0+OgogICAgCjxwcmUgY2xhc3M9ImNvZGUiPmRlbW9fY29udGFpbmVyLnN0eWxlLnZp c2liaWxpdHkgPSAiaGlkZGVuIjsKZGVtb19yb290LmFwcGVuZENoaWxkKGRlbW9fY29udGFpbmVy KTsKLy8gRm9yY2UgcmVuZGVyLiBDb3VsZCBhbHNvIGNoYW5nZSB2aXNpYmlsaXR5IGFzeW5jaHJv bm91c2x5IAovLyBhcyB3ZSBtaWdodCBpbiBhbiBhbmltYXRpb24KYWxlcnQoZGVtb19jb250YWlu ZXIub2Zmc2V0SGVpZ2h0KTsKZGVtb19jb250YWluZXIuc3R5bGUudmlzaWJpbGl0eSA9ICIiOzwv cHJlPgoKICAgICAgPGJ1dHRvbiBpZD0ic3RlcF90aHJlZSIgb25jbGljaz0iZG9CdWcoKTsiPlRy aWdnZXIgdGhlIGJ1ZyE8L2J1dHRvbj4KICAgIDwvbGk+CiAgICA8bGk+CiAgICAgIE5vdGljZSB0 aGF0IHRoZSBsaW5lIGNsYW1wIGlzIG5vIGxvbmdlciBhcHBsaWVkISBJdCdzIHN0aWxsIHRoZXJl LCB0aG91Z2g6CiAgICAKPHByZSBjbGFzcz0iY29kZSI+dmFyIGNsYW1wID0gZ2V0Q29tcHV0ZWRT dHlsZShkZW1vX2NsYW1wZWQpLndlYmtpdExpbmVDbGFtcCwKaGVpZ2h0ID0gZGVtb19jbGFtcGVk Lm9mZnNldEhlaWdodDsKYWxlcnQoIkNsYW1wOiAiICsgY2xhbXAgKyAiXG5IZWlnaHQ6ICIgKyBo ZWlnaHQpOzwvcHJlPgoKICAgICAgPGJ1dHRvbiBpZD0ic3RlcF9mb3VyIiBvbmNsaWNrPSJjaGVj a0NsYW1wQW5kU2l6ZSgpOyI+VmVyaWZ5IHRoYXQgdGhlIERPTSBhbmQgQVBJcyB3aWxsIHRlbGwg eW91IHRoaW5ncyB0aGF0IHNob3VsZG7igJl0IGJlITwvYnV0dG9uPgogICAgPC9saT4KICAgIDxs aT4KICAgICAgVGhlIGlzc3VlIGNhbiBiZSBhbGxldmlhdGVkIGJ5IHNldHRpbmcgPGVtPmRpc3Bs YXk6IG5vbmU8L2VtPiAoZm9yY2luZyBhIHJlLXJlbmRlcikKICAgICAgb3IgYnkgY2hhbmdpbmcg dGhlIGxpbmUtY2xhbXAgdmFsdWUgdG8gc29tZXRoaW5nIGVsc2UgYW5kIGJhY2sgYWdhaW46CiAg ICAKPHByZSBjbGFzcz0iY29kZSI+ZGVtb19jbGFtcGVkLnN0eWxlLmRpc3BsYXkgPSAibm9uZSI7 CmRlbW9fY2xhbXBlZC5vZmZzZXRIZWlnaHQ7CmRlbW9fY2xhbXBlZC5zdHlsZS5kaXNwbGF5ID0g bnVsbDs8L3ByZT4KCiAgICAgIDxidXR0b24gaWQ9InN0ZXBfZml2ZSIgb25jbGljaz0icmVzZXRD bGFtcCgpOyI+Rml4IGl0ISAobGFtZSk8L2J1dHRvbj4KICAgIDwvbGk+CiAgPC9vbD4KCjwvZGl2 PgoKPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgogIHZhciBkZW1vX2FyZWEgPSBkb2N1 bWVudC5nZXRFbGVtZW50QnlJZCgiZGVtb19hcmVhIiksCiAgICAgIGRlbW9fcm9vdCA9IGRvY3Vt ZW50LmdldEVsZW1lbnRCeUlkKCJkZW1vX3Jvb3QiKSwKICAgICAgZGVtb19jb250YWluZXIgPSBk b2N1bWVudC5nZXRFbGVtZW50QnlJZCgiZGVtb19jb250YWluZXIiKSwKICAgICAgZGVtb19jbGFt cGVkID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImRlbW9fY2xhbXBlZCIpOwogIAogIHZhciBy ZW1vdmVDb250YWluZXIgPSBmdW5jdGlvbigpIHsKICAgIGRlbW9fcm9vdC5yZW1vdmVDaGlsZChk ZW1vX2NvbnRhaW5lcik7CiAgfTsKICB2YXIgZG9CdWcgPSBmdW5jdGlvbigpIHsKICAgIGRlbW9f Y29udGFpbmVyLnN0eWxlLnZpc2liaWxpdHkgPSAiaGlkZGVuIjsKICAgIGRlbW9fcm9vdC5hcHBl bmRDaGlsZChkZW1vX2NvbnRhaW5lcik7CiAgICAvLyBGb3JjZSByZW5kZXIuIENvdWxkIGFsc28g Y2hhbmdlIHRoZSB2aXNpYmlsaXR5IGFzeW5jaHJvbm91c2x5IGFzIHdlIG1pZ2h0IGluIGFuIGFu aW1hdGlvbgogICAgYWxlcnQoIk9mZnNldCBoZWlnaHQ6ICIgKyBkZW1vX2NsYW1wZWQub2Zmc2V0 SGVpZ2h0ICsgIlxuV2XigJl2ZSBnb3QgYSBwcm9ibGVt4oCmIik7CiAgICBkZW1vX2NvbnRhaW5l ci5zdHlsZS52aXNpYmlsaXR5ID0gIiI7CiAgfTsKICB2YXIgY2hlY2tDbGFtcEFuZFNpemUgPSBm dW5jdGlvbigpIHsKICAgIHZhciBjbGFtcCA9IGdldENvbXB1dGVkU3R5bGUoZGVtb19jbGFtcGVk KS53ZWJraXRMaW5lQ2xhbXAsCiAgICAgICAgaGVpZ2h0ID0gZGVtb19jbGFtcGVkLm9mZnNldEhl aWdodDsKICAgIGFsZXJ0KCJDbGFtcDogIiArIGNsYW1wICsgIlxuSGVpZ2h0OiAiICsgaGVpZ2h0 KTsKICB9OwogIHZhciByZXNldENsYW1wID0gZnVuY3Rpb24oKSB7CiAgICAvLyBZb3UgY2FuIHJl c2V0IGJ5IGNoYW5naW5nIGFueSBwcm9wZXJ0eSB0aGF0IHdpbGwgY2F1c2UgcmUtbGF5b3V0CiAg ICAvLyBUeXBpY2FsbHkgdGhpcyBpcyByZXNldHRpbmcgbGluZS1jbGFtcCBvciBkaXNwbGF5CiAg ICBkZW1vX2NsYW1wZWQuc3R5bGUuZGlzcGxheSA9ICJub25lIjsKICAgIGRlbW9fY2xhbXBlZC5v ZmZzZXRIZWlnaHQ7CiAgICBkZW1vX2NsYW1wZWQuc3R5bGUuZGlzcGxheSA9IG51bGw7CiAgfTsK PC9zY3JpcHQ+Cgo8L2JvZHk+CjwvaHRtbD4=