Bug 246928

Summary: resizer is invisible if a nested box with a background-color occupies the full space
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, bfulgham, ntim, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
URL: https://codepen.io/webcompat/pen/JjZPrQM
Attachments:
Description Flags
resizer test case
none
rendering in safari, firefox, chrome none

Karl Dubost
Reported 2022-10-23 18:50:31 PDT
Created attachment 463183 [details] resizer test case 1. Go to https://codepen.io/webcompat/pen/JjZPrQM or open the test case 2. Look at the bottom right corner of the two boxes. Expected: Both should have a mark at the bottom indicating that they can resized. Actual: Only the transparent box makes the resizer visible. The other yellow box seems to paint over the resizer handle.
Attachments
resizer test case (835 bytes, text/html)
2022-10-23 18:50 PDT, Karl Dubost 		no flags
Details
rendering in safari, firefox, chrome (63.89 KB, image/png)
2022-10-23 18:53 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2022-10-23 18:53:58 PDT
Created attachment 463184 [details] rendering in safari, firefox, chrome both firefox and chrome render the resizer handle. safari hides it.
Simon Fraser (smfr)
Comment 2 2022-10-23 21:43:47 PDT
This is about the paint order of overflow controls (I think we'd pop the scrollbars frontmost, so we must be missing some code to do that for the resizer).
Radar WebKit Bug Importer
Comment 3 2022-10-30 18:51:20 PDT
<rdar://problem/101738370>
Note You need to log in before you can comment on or make changes to this bug.