59174 2011-04-21 21:42:49 -0700 <hr> intersecting -webkit-line-clamp content 2023-02-15 18:45:31 -0800 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) PC OS X 10.5 RESOLVED CONFIGURATION CHANGED P2 Normal --- 233770 1 joepeck webkit-unassigned ahmad.saleem792 bfulgham karlcow mitz zalan oldest_to_newest 390600 0 90667 joepeck 2011-04-21 21:42:49 -0700 Created attachment 90667 [TEST] Resize the Browser Discovered when manually testing LayoutTests/fast/css/apple-prefix.html By changing the width of the browser you can get to a point where the <hr> starts overlapping the content in the paragraph. 1933937 1 ahmad.saleem792 2023-02-15 13:19:48 -0800 I am not able to reproduce this bug in Safari 16.3 and Safari Technology Preview 163, can someone help on how to reproduce this? 1933951 2 zalan 2023-02-15 14:02:33 -0800 (In reply to Ahmad Saleem from comment #1) > I am not able to reproduce this bug in Safari 16.3 and Safari Technology > Preview 163, can someone help on how to reproduce this? -apple-line-clamp is now called -webkit-line-clamp. 1934006 3 karlcow 2023-02-15 16:39:49 -0800 The test in that page is function test() { var content = document.getElementById('content'); content.style.appleLineClamp = "10%"; } content.style.webkitLineClamp returns "" (empty string) content.style.appleLineClamp returns "10%" "-webkit-line-clamp: 10%;" would not be a valid value. https://w3c.github.io/csswg-drafts/css-overflow-4/#propdef--webkit-line-clamp As it takes only integers. AND "-apple-line-clamp: 10%" is invalid in the Web Inspector. Probably this should be closed as INVALID or CONFIGURATION CHANGED. I even wonder if a new bug should be created to remove the percentage. https://searchfox.org/wubkat/rev/6312ca8a662145d355274780bbf68b6ce735d8e8/Source/WebCore/css/ComputedStyleExtractor.cpp#3332-3333 Zalan, what do you think? 1934052 4 zalan 2023-02-15 18:45:31 -0800 btw, this has progressed with IFC (-webkit-line-clamp with % that is) 90667 2011-04-21 21:42:49 -0700 2011-04-21 21:42:49 -0700 [TEST] Resize the Browser line-clamp.html text/html 3331 joepeck PGh0bWw+CjxoZWFkPgo8c2NyaXB0PgpmdW5jdGlvbiB0ZXN0KCkKewogICAgdmFyIGNvbnRlbnQg PSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29udGVudCcpOwogICAgY29udGVudC5zdHlsZS5h cHBsZUxpbmVDbGFtcCA9ICIxMCUiOwp9Cjwvc2NyaXB0Pgo8c3R5bGU+Ci5jb250ZW50IHsKICAg IG92ZXJmbG93OiBoaWRkZW47CiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDsKICAgIC13ZWJraXQt Ym94LW9yaWVudDogdmVydGljYWw7Cn0KPC9zdHlsZT4KPC9oZWFkPgo8Ym9keSBvbmxvYWQ9InRl c3QoKSI+CjxwPlRoaXMgdGVzdHMgdXNlIG9mIHRoZSAtYXBwbGUtbGluZS1jbGFtcCBmdW5jdGlv biBpbiBhIHdlYiBwYWdlLCBmcm9tIEphdmFTY3JpcHQsIGFuZCB1c2luZyB0aGUgImFwcGxlIiBw cmVmaXgsIG5vdCAia2h0bWwiLjwvcD4KPHA+SWYgaXQgd29ya3MgcHJvcGVybHksIHRoZSBhcnRp Y2xlIGJlbG93IHNob3VsZCBzaG93IG9ubHkgdGhlIGZpcnN0IGZldyBsaW5lcy4gT3RoZXJ3aXNl LCBpdCBtaWdodCBzaG93IG1hbnkgbGluZXMuPC9wPgo8aHI+IAo8ZGl2IGNsYXNzPSJjb250ZW50 IiBpZD0iY29udGVudCI+ICAgIAo8ZGl2Pgo8cD5JdCB3YXMganVzdCBsYXN0IG5pZ2h0LCBJIHRo aW5rLCB0aGF0IEkgd2FzIElNJiMzOTtpbmcgd2l0aCBhIGZyaWVuZCBhbmQgSSBzYWlkLCAmcXVv dDtOZXh0IHdlZWsgU2ltb24gc3RhcnRzIGdvaW5nIHRvCnNjaG9vbCBmb3IgMyBkYXlzIGV4dGVu ZGVkICh1bnRpbCAzcG0pIGFuZCBTb3BoaWEgc3RhcnRzIHN3aW0gY2FtcCEgSSB3b24mIzM5O3Qg a25vdyB3aGF0IHRvIGRvIHdpdGggbXkgZnJlZSB0aW1lISBCdXQgSSYjMzk7bQp3aWxsaW5nIHRv IGZpbmQgb3V0LiZxdW90OzwvcD48cD5Zb3Uga25vdyB0aGUgb2xkIHNheWluZzogJnF1b3Q7TWFu IHBsYW5zLCBHb2QgbGF1Z2hzLiZxdW90OzwvcD4KPHA+VG9kYXkgSSBnb3QgYSBjYWxsIGZyb20g dGhlIHByZXNjaG9vbCB0ZWxsaW5nIG1lIHRoYXQgU29waGlhIGhhZCBicm9rZW4gaGVyIGFybS48 L3A+CjxwPkl0IGhhcHBlbmVkIG9uIHRoZSBwbGF5Z3JvdW5kLiBJIGltYWdpbmVkIHNoZSBoYWQg ZmFsbGVuIG9mZiB0aGUgbW9ua2V5IGJhcnMgb3Igc29tZXRoaW5nLCBidXQgbm86IHNoZSBoYWQg YmVlbiBzaXR0aW5nCmF0IHRoZSBBcnQgVGFibGUsIGFuZCBhcyBzaGUgd2FzIGdldHRpbmcgb2Zm IHRoZSBiZW5jaCBzaGUgc2xpcHBlZCBhbmQgZmVsbCBvbiBoZXIgYXJtLiBTaGUgd2FzIGJlaW5n IHZlcnkgYnJhdmUgd2hlbiBJIGNhbWUKdG8gZ2V0IGhlctFubyB0ZWFycywgc3RvaWNhbGx5IGhv bGRpbmcgaGVyIGFybSBjb3ZlcmVkIGluIGljZSBwYWNrcy4gU2hlIDxpPmhhZDwvaT4gY3JpZWQs IHNoZSB0b2xkIG1lLiBBbGwgb2YgdGhlIHRlYWNoZXJzCndlcmUgcXVpdGUgYW1hemVkIGF0IGhv dyBicmF2ZSBzaGUgd2FzIGJlaW5nLiBJIHRvb2sgaGVyIHRvIHRoZSBkb2N0b3IgYW5kIGZyb20g dGhlcmUgdG8gdGhlIHBlZGlhdHJpYyBvcnRob3BlZGljIGRvY3Rvci4KU2hlIHN0YXJ0ZWQgdG8g bG9zZSBoZXIgY29tcG9zdXJlLCB0aG91Z2gsIGFmdGVyIHNoZSBoYWQgZmluYWxseSBnb3R0ZW4g dGhlIFgtcmF5cyAoJnF1b3Q7TGlrZSBDdXJpb3VzIEdlb3JnZSBnb3Qgd2hlbiBoZQp3ZW50IHRv IHRoZSBob3NwaXRhbCZxdW90OykgYW5kIHdlIGhhZCB0byB3YWl0IGluIHRoZSBleGFtIHJvb20u PC9wPgo8cD4mcXVvdDtJIHdhbnQgdG8gZ28gaG9tZSBub3csJnF1b3Q7IHNoZSBzYWlkLiAmcXVv dDtJIHdpc2ggSSYjMzk7ZCBuZXZlciBodXJ0IG15IGFybS4mcXVvdDs8L3A+CjxwPlRoZSBvcnRo byB0ZWNoIGNhbWUgaW4gdG8gZ2l2ZSBoZXIgYSBzcGxpbnQgKHNoZSYjMzk7bGwgaGF2ZSBhIHNw bGludCBmb3IgYSBjb3VwbGUgb2YgZGF5cyBhbmQgdGhlbiBnZXQgYSBjYXN0IG9uIFRodXJzZGF5 KSwKYW5kIGNhbiBJIHRlbGwgeW91IGhvdyB3b3JyaXNvbWUgaXQgaXMgdG8gaGF2ZSBhbiBvcnRo byB0ZWNoIHdobyBpcyBhIDxiPmRlYWQgcmluZ2VyPC9iPiBmb3IgSWFuIE1jU2hhbmUgYXMgQWwg U3dlYXJlbmdlbgp3cmFwcGluZyB1cCB5b3VyIGRhdWdodGVyIGluIGdhdXplPyAoSSYjMzk7bSB0 b3RhbGx5IHNlcmlvdXMuIEhlIGRpZG4mIzM5O3QgaGF2ZSBncmVhc2UgaW4gaGlzIGhhaXIsIGFu ZCBoZSBkaWRuJiMzOTt0IGhhdmUgdGhlCmxpdHRsZSBiZWFyZCB1bmRlciBoaXMgbGlwLCBidXQg b3RoZXIgdGhhbiB0aGF0OiB5dXAuKTwvcD4KPHA+U28gbm93IHNoZSYjMzk7cyBvbiB0aGUgY291 Y2gsIHdhdGNoaW5nICZxdW90O0RyYWdvbnRhbGVzJnF1b3Q7IHdpdGggaGVyIGFybSBwcm9wcGVk IHVwIG9uIGEgcGlsbG93ICh0byBrZWVwIGl0IGFib3ZlIHRoZSBoZWFydCkuClNoZSYjMzk7cyBl YXRpbmcgYSBjb3VwbGUgb2YgY3V0LXVwIGFwcGxlcyBhbmQgY2hlZXNlIHN0aWNrcyAoJnF1b3Q7 YmVjYXVzZSB0aGF0JiMzOTtzIGFsbCBJIGNhbiBlYXQgbm93LCBNb21teSZxdW90OykuPC9wPgo8 cD5TaGUmIzM5O3MgdXBzZXQgYmVjYXVzZSBzaGUmIzM5O3Mgbm90IGdvaW5nIHRvIGJlIGFibGUg dG8gZG8gYWxsIHRoZSBzd2ltbWluZyBzaGUgd2FzIHBsYW5uaW5nLiBJJiMzOTttIHVwc2V0IGJl Y2F1c2UgbXkKbGl0dGxlIGdpcmwgZ290IGh1cnQuIEkgYXNzdW1lIHRoYXQgYWZ0ZXIgYSBkYXkg b3Igc28gd2UmIzM5O2xsIGFkanVzdCB0byB0aGUgbmV3IHJlZ2ltZW4uIE9mIGNvdXJzZSwgc2hl IGNhbiYjMzk7dCBnbyB0byBoZXIgbGFzdApkYXkgb2YgcHJlc2Nob29sIHRvbW9ycm93LCBiZWNh dXNlIHRoZXkmIzM5O3JlIGhhdmluZyAmcXVvdDtXYXRlciBEYXlzLCZxdW90OyBhbmQgc2hlIGNh biYjMzk7dCBnZXQgd2V0LjwvcD4KPHA+VGhlIHdlYXRoZXImIzM5O3MgZmluYWxseSBnb3R0ZW4g ZXh0cmVtZWx5IGhvdCBhcm91bmQgaGVyZSwgYW5kIHNoZSBjYW4mIzM5O3QgZ2V0IGhlciBzcGxp bnQgKGFuZCBpbiBhIGZldyBkYXlzLCBoZXIgY2FzdCkgd2V0LiA8aT5OZWF0LjwvaT48L3A+Cjxw PkkmIzM5O3ZlIG5ldmVyIGJyb2tlbiBhbnl0aGluZyAoa25vY2sgb24gbmVhcmVzdCB3b29kIHNw cml0ZSnRZG9lcyBpdCBhZmZlY3QgeW91ciBvdXRsb29rIG9uIGxpZmU/ClNoZSBoYXMgYW4gYWR2 ZW50dXJlc29tZSBzcGlyaXQgYW5kIEkgaG9wZSBzaGUmIzM5O3MganVzdCBhcyBlbmVyZ2V0aWMg YWZ0ZXIgdGhpcyBsaXR0bGUgaW5jaWRlbnQgYXMgc2hlIHdhcyBiZWZvcmUuCkF0IHRoZSBtb21l bnQgc2hlJiMzOTtzIGV2ZW4gbG9zdCBoZXIgc2Vuc2Ugb2YgaHVtb3IuPC9wPgo8L2Rpdj4KPGhy Pgo8L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+Cg==