Attaching a test case which has a hoverable element inside an <iframe> inside a <p> inside a <div> with columns. In each column, we have one instance where the <p> is composited because of a -webkit-transform: translateZ(0); and one where it is not composited. Expected: Both hoverable elements should be hoverable in both columns. Actual: The hoverable element with a composited parent in the second column does not hit test correctly/change color on hover.
Created attachment 219439 [details] repro case
I am not able to reproduce this bug in Safari 16 and Safari Technology Preview 155 and on hover in second column, I still get "red" background similar to first column. It matches with Chrome Canary 109 as well. It is same with Firefox Nightly 107 when using below JSFiddle, which does not have -webkit-: https://jsfiddle.net/wbt943ok/show I am not going to mark this as "RESOLVED CONFIGURATION CHANGED" since I would appreciate someone else input as well.