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

Description Karl Dubost 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.
Comment 1 Karl Dubost 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.
Comment 2 Simon Fraser (smfr) 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).
Comment 3 Radar WebKit Bug Importer 2022-10-30 18:51:20 PDT 
<rdar://problem/101738370>