Bug 51848

Summary:

position relative kills image clipping by parent div

Product:

WebKit

Reporter:

drew <drew.covi>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, ap, bfulgham, j, rniwa

Priority:

Version:

528+ (Nightly build)

Hardware:

Mac (Intel)

OS:

OS X 10.6

URL:

http://jsfiddle.net/chLBR/4/

Attachments:

Description	Flags
Safari 15.5 matches other browsers	none

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