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

drew

Reported 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.

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 attachment proposed patch, testcase, etc.

drew

Comment 1 2011-01-03 13:24:23 PST

testcase is in the URL field.

Jon Leighton

Comment 2 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).

Ahmad Saleem

Comment 3 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!

Ryosuke Niwa

Comment 4 2022-07-12 13:12:59 PDT

Thanks for testing

Note You need to log in before you can comment on or make changes to this bug.