83855 2012-04-12 19:42:01 -0700 Visual artifacts when scrolling a <fieldset> with a legend 2018-08-16 12:19:23 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) All All ASSIGNED P2 Normal --- 188643 1 felixcca ssandela mitz mrahaman ssandela zcorpan oldest_to_newest 601774 0 137029 felixcca 2012-04-12 19:42:01 -0700 Created attachment 137029 A test case demonstrating the visual artifacts caused by scrolling fieldsets When a <fieldset> element with a <legend> is made scrollable (with the CSS overflow property), scrolling results in severe visual artifacts: the <legend> element itself can be scrolled out and elements inside the <fieldset> can overlap the top border. Scroll down the <fieldset> element of the file I've attached to get a glimpse. 618452 1 ssandela 2012-05-08 02:59:38 -0700 This is happening because scroll-bar height is including not only fieldset height, but also legend height. I would like to fix it. 620393 2 ssandela 2012-05-10 02:11:32 -0700 After little more debugging, it is found that it is not scroll-bar height, but its LayoutRect(Y-co-ordinate and Height) is including LEGEND+FIELDSET LayouRects. But if it is treated as a bug, then we have to make Scroll-bar LayoutRect independent of LEGEND being present or not in FIELDSET. FIELDSET spec does'nt really say anything about how LEGEND should be treated if overflow is present in FIELDSET. But, going by general LEGEND element purpose, it need not be part of scroll, as it only names the FIELDSET. Only the content should of FIELDSET should be scrollable, but not LEGEND. Also, FF and IE9 are behaving more worse w.r.t to this Testcase. So, there is no fixed reference to follow. So, this should be WEBKIT specific implementation, on the basis of reasoning give in 2nd para. 1450794 3 zcorpan 2018-08-16 12:17:58 -0700 This seems to have been fixed by now? 137029 2012-04-12 19:42:01 -0700 2012-04-12 19:42:01 -0700 A test case demonstrating the visual artifacts caused by scrolling fieldsets fieldset-legend.html text/html 1615 felixcca PCFET0NUWVBFIGh0bWw+Cjx0aXRsZT4mbHQ7ZmllbGRzZXQmZ3Q7IGxlZ2VuZCBzY3JvbGxpbmcg YXdheTwvdGl0bGU+CjxmaWVsZHNldCBzdHlsZT0ib3ZlcmZsb3c6IGF1dG87IGhlaWdodDogMjAw cHgiPgoJPGxlZ2VuZD5UaGlzIGlzIHRoZSBsZWdlbmQ8L2xlZ2VuZD4KCTxkaXYgc3R5bGU9Imhl aWdodDoyNTBweCI+CgkJPHA+U2Nyb2xsIGRvd24gb24gdGhpcyB0ZXh0IGJveDwvcD4KCQk8cD5M b3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBB ZW5lYW4gbmVjIGN1cnN1cyBlc3QuIFNlZCBzYWdpdHRpcyByaXN1cyBub24gZWxpdCByaG9uY3Vz IGNvbnZhbGxpcy4gQ3VyYWJpdHVyIGF0IG5pc2wgZXQgbmVxdWUgdGVtcHVzIGdyYXZpZGEgYXQg aW4gbnVsbGEuIE5hbSBwZWxsZW50ZXNxdWUgaGVuZHJlcml0IGFyY3UsIG5vbiBjb25zZXF1YXQg dmVsaXQgbG9ib3J0aXMgaWQuIFByYWVzZW50IHVsbGFtY29ycGVyIG5pc2kgZW5pbS4gQWVuZWFu IHZlbmVuYXRpcyBjb25ndWUgdmVzdGlidWx1bS4gTW9yYmkgcGxhY2VyYXQgZWxlaWZlbmQgZXJv cywgdml0YWUgc2FnaXR0aXMgdHVycGlzIHJob25jdXMgc2VkLiBOdWxsYW0gdHJpc3RpcXVlLCBu aXNsIGVnZXQgaGVuZHJlcml0IHRlbXB1cywgbGFjdXMgbWV0dXMgYmliZW5kdW0gb2RpbywgdWx0 cmljZXMgdmVoaWN1bGEgbGliZXJvIGFudGUgYWMgbWF1cmlzLiBOdWxsYSBtb2xlc3RpZSB2ZW5l bmF0aXMgcmlzdXMgcXVpcyB0cmlzdGlxdWUuIFV0IGZyaW5naWxsYSB2YXJpdXMgYXVndWUsIGV0 IGFsaXF1YW0gYXJjdSBpbnRlcmR1bSBzaXQgYW1ldC48L3A+CgkJPHA+RHVpcyBtYWduYSBtYXNz YSwgdmVuZW5hdGlzIGV0IG1vbGxpcyBhLCBzY2VsZXJpc3F1ZSBldSBuaXNpLiBQaGFzZWxsdXMg c2l0IGFtZXQgbGlndWxhIHV0IGVuaW0gbWFsZXN1YWRhIGVsZW1lbnR1bS4gUHJhZXNlbnQgZXQg bWkgbmVjIGp1c3RvIGJsYW5kaXQgZ3JhdmlkYS4gUHJhZXNlbnQgaW50ZXJkdW0gc2FnaXR0aXMg bGFvcmVldC4gU2VkIGltcGVyZGlldCwgbmlzaSBhdCBmcmluZ2lsbGEgaW1wZXJkaWV0LCBhbnRl IG1pIHNvbGxpY2l0dWRpbiByaXN1cywgcXVpcyB2dWxwdXRhdGUgcHVydXMgZWxpdCBub24gbWku IFNlZCBjb25kaW1lbnR1bSBzZW1wZXIgc3VzY2lwaXQuIFF1aXNxdWUgc2l0IGFtZXQgbGFjdXMg cXVpcyBlbGl0IGludGVyZHVtIHJ1dHJ1bS4gVml2YW11cyB1dCBkdWkgbWV0dXMsIHZlbCBlbGVt ZW50dW0gYXVndWUuIEZ1c2NlIHZlbmVuYXRpcyBtYWxlc3VhZGEgbGFjdXMgdmVsIGJpYmVuZHVt LiBNYWVjZW5hcyBpbiBlcmF0IHZlbGl0LCBhIGhlbmRyZXJpdCBtaS4gQWxpcXVhbSBtb2xsaXMg ZXN0IGluIGFudGUgZXVpc21vZCBzZWQgZmF1Y2lidXMgbWFnbmEgdmFyaXVzLiBQaGFzZWxsdXMg cHJldGl1bSB1bGxhbWNvcnBlciBzYXBpZW4sIG5lYyBjb25zZXF1YXQgbmlzaSBmcmluZ2lsbGEg ZXUuIFZpdmFtdXMgYWMgYXJjdSBkaWN0dW0gZXN0IHNvZGFsZXMgZnJpbmdpbGxhIHF1aXMgaWQg dHVycGlzLiBJbiBuZWMgc2FwaWVuIHZpdGFlIHVybmEgdWxsYW1jb3JwZXIgbHVjdHVzLjwvcD4K CTwvZGl2Pgo8L2ZpZWxkc2V0Pg==