Bug 51848 - position relative kills image clipping by parent div
Summary: position relative kills image clipping by parent div
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.6
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/chLBR/4/
Keywords:
Depends on:
Blocks:
 
Reported: 2011-01-03 13:23 PST by drew
Modified: 2022-07-12 13:12 PDT (History)
5 users (show)

See Also:

Attachments
Safari 15.5 matches other browsers (2.23 MB, image/png)
2022-07-12 12:15 PDT, Ahmad Saleem 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description drew 2011-01-03 13:23:49 PST 
When using border radius on a parent element, I believe the assumption is it should clip all child items, especially if it's set as overflow: hidden;

For some reason this does in fact work until the parent element is set to position: relative;

I don't believe this is intended behavior, correct me if I'm wrong.
Comment 1 drew 2011-01-03 13:24:23 PST 
testcase is in the URL field.
Comment 2 Jon Leighton 2011-06-14 08:26:56 PDT 
I can confirm this. Tested with 13.0.782.20 dev. Firefox renders it correctly (if the -webkit prefix is removed).
Comment 3 Ahmad Saleem 2022-07-12 12:15:12 PDT 
Created attachment 460817 [details]
Safari 15.5 matches other browsers

I am unable to reproduce this bug using updated JSFiddle (to remove -webkit- prefix and clean it up) on Safari 15.5 using macOS 12.4.

Updated JSFiddle - https://jsfiddle.net/3cw2g5of/1/show

As can be seen from attached, it matches all other browsers. I think it was fixed along the way and can be marked as "RESOLVED CONFIGURATION CHANGED". In case, if I am testing incorrectly, please test accordingly. Thanks!
Comment 4 Ryosuke Niwa 2022-07-12 13:12:59 PDT 
Thanks for testing