Closed Bug 803947 Opened 12 years ago Closed 11 years ago

content overflows the content edge curve of certain form elements

Categories

(Core :: Layout: Form Controls, defect)

x86
Windows 7
defect
Not set
normal

Tracking

()

RESOLVED FIXED

People

(Reporter: tapir.dream, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: testcase, Whiteboard: [mentor=bz])

Attachments

(1 file)

User Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.16 (KHTML, like Gecko) Chrome/24.0.1297.0 Safari/537.16

Steps to reproduce:

textarea element set border-radius and overflow is hidden.
the content is very long.

plase see:

    <style type="text/css">
        .border-radius-corner-clip-test {
					background-color: green;
					border-radius: 70px; 
					width: 200px;
					height: 200px;
					overflow: hidden;
				}
    </style>

	<textarea class="border-radius-corner-clip-test">
	blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla
	</textarea>



Actual results:

replaced element content overflow radius box,but overflow content has not been clip.


Expected results:

plase see w3c site: 
http://www.w3.org/TR/css3-background/#corner-clipping

The content of replaced elements is always trimmed to the content edge curve.
Could you attach a testcase, please.
Attached file Reporter's testcase
Attachment #673757 - Attachment mime type: text/plain → text/html
That includes <textarea> (the attached test case) and <input type="text">. <input type="button"> is a notable exception.
Blocks: 664154
Status: UNCONFIRMED → NEW
Component: Untriaged → Layout: View Rendering
Ever confirmed: true
Product: Firefox → Core
Summary: [css border-radius] replaced element set border-radius will contents overflow. → content overflows the content edge curve of certain form elements
Version: 16 Branch → Trunk
Presumably the display list construction for these elements needs to call WrapReplacedContentForBorderRadius somewhere?
Component: Layout: View Rendering → Layout: Form Controls
Whiteboard: [mentor=bz]
Blocks: border-radius
No longer blocks: 664154
This appears to be fixed now.
Confirmed. Fixed within 17-21.
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → WORKSFORME
Most likely fixed by bug 825999.
Resolution: WORKSFORME → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: