[webkit-dev] Layout issue with fieldset legend element

Tue Feb 14 20:46:56 PST 2012

Hi,

While working on webkit bug#:50287 (
https://bugs.webkit.org/show_bug.cgi?id=50287), i found another issue
related to legend element of fieldset form-property as described below.

On applying padding style information to fieldset legend element, the
bottom border gets clipped-off in Safari and Chrome. (Padding more than
8px).
There is no such issue on FF & IE with any value or percentage of Padding.
Following is the simple test case to reproduce the issue on Safari and
Chrome.(Also attached as test.html)

<html>
<head>
<style type="text/css">
fieldset legend{
padding: 20px;
}
</style>
</head>
<form><fieldset><legend>HAPPY</legend></fieldset></form>
</html>

On analyzing further, I found that clipping of legend element is buggy in
WebKit, and i may have the fix for it.
I intend to submit this as a new bug, and submit the patch for it. Please
let me know if any one think otherwise.
-Sravan.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-dev/attachments/20120215/bad20c57/attachment-0002.html>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-dev/attachments/20120215/bad20c57/attachment-0003.html>