Closed Bug 803947 Opened 13 years ago Closed 12 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: 12 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: