Summary: | images inserted using content: url( ... ) shouldn't be resized | ||||||||
---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Florian Rivoal <florianr> | ||||||
Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||||
Status: | RESOLVED CONFIGURATION CHANGED | ||||||||
Severity: | Normal | CC: | ahmad.saleem792, ap, rniwa, tabatkins, webkit-bug-importer, zalan | ||||||
Priority: | P2 | Keywords: | InRadar | ||||||
Version: | 528+ (Nightly build) | ||||||||
Hardware: | All | ||||||||
OS: | All | ||||||||
Attachments: |
|
Description
Florian Rivoal
2011-11-22 03:59:22 PST
More specifically, the 'content' property on elements is acting differently than the 'content' property on pseudos, and the pseudo behavior is correct. An image used in 'content' should generate an anonymous inline box inside the element (which is then unsizeable manually and only uses its intrinsic size). Instead, when used on elements, we are turning the element into a replaced element like <img>. This also means that we're unable to mix both images and text in 'content' on elements, while we can with pseudos. Created attachment 460304 [details]
Safari 15.5 matches other browsers
I am unable to reproduce this bug in Safari 15.5 on macOS 12.4 considering it is matching all other browsers based on attached test case and results can be referred into attached screenshot.
Although, it does not match "Expected Results' and show "Green box within large red box", while expected result is the whole box to be green and no red.
If I am testing incorrectly, please retest it but since all browser behavior is aligned now. It can be marked as "RESOLVED INVALID" or "RESOLVED CONFIGURATION CHANGED". Thanks!
Config changed. All browser's behaviors match. |