Closed Bug 537433 Opened 15 years ago Closed 15 years ago

-moz-border-radius + overflow:hidden does not hide children (or shadows of children) at the rounded corners

Categories

(Core :: Layout: Block and Inline, defect)

x86
Linux
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 459144

People

(Reporter: brandon, Unassigned)

References

(Blocks 1 open bug, )

Details

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.8pre) Gecko/20091227 Ubuntu/9.10 (karmic) Shiretoko/3.5.8pre GTB6
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.8pre) Gecko/20091227 Ubuntu/9.10 (karmic) Shiretoko/3.5.8pre GTB6

Applies to 3.5 stable, 3.6 beta, and 3.7 alpha.

Elements, Text, and Shadows can all pass over rounded corners as if they don't exist. overflow:hidden; does not solve the problem. Check attached URL to see all three problems.

Reproducible: Always

Steps to Reproduce:
Block Elements
1. Create parent with rounded corners with background (background to see easier)
2. Create child with different background (background to see easier)

Text
1. Create parent with rounded corners with background (background to see easier)
2. Add text with justify alignment (optional alignment)

Shadow
1. Create parent with rounded corners with background (background to see easier)
2. Create child with same size rounded corners and shadow

Actual Results:  
All content (block elements, text, and shadow) can be seen past edge of parent's rounded corners.

Expected Results:  
Content should have been hidden from view outside of rounded corners.

Applicable to Firefox 3.5, 3.6, and 3.7.
'overflow: hidden' should be required to hide children
Depends on: 485501
Summary: -moz-border-radius does not hide children (or shadows of children) → -moz-border-radius + overflow:hidden does not hide children (or shadows of children) at the rounded corners
Status: UNCONFIRMED → RESOLVED
Closed: 15 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.