NEW267734
rustup.rs: position relative of a div inside a button is handled differently in browsers 
https://bugs.webkit.org/show_bug.cgi?id=267734
Summary rustup.rs: position relative of a div inside a button is handled differently ...
Sammy Gill
Reported 2024-01-18 14:57:05 PST
https://rustup.rs 's copy icon is not correctly placed. It is working on Chrome and Firefox.
Attachments
Testcase (1.13 KB, text/html)
2024-01-18 15:00 PST, Sammy Gill 		no flags
Details
rendering in safari, firefox, chrome (931.77 KB, image/png)
2024-01-28 23:27 PST, Karl Dubost 		no flags
Details
testcase simplified (507 bytes, text/html)
2024-01-29 01:05 PST, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Sammy Gill
Comment 1 2024-01-18 14:58:01 PST
rdar://120429895
Sammy Gill
Comment 2 2024-01-18 15:00:14 PST
Created attachment 469447 [details] Testcase Attaching reduced testcase
Karl Dubost
Comment 3 2024-01-28 23:27:56 PST
Created attachment 469591 [details] rendering in safari, firefox, chrome So there is a difference of rendering, but not sure which one is the worse in these circumstances.
Karl Dubost
Comment 4 2024-01-29 00:07:33 PST
A more reduced test case <button> <div> </div> </button> button { height: 50px; width: 50px; outline: 3px solid green; } div { height: 30px; width: 30px; position: relative; top: 50%; left: 50%; outline: 2px solid red; }
Karl Dubost
Comment 5 2024-01-29 00:07:59 PST
See https://codepen.io/webcompat/pen/LYaezEP
Karl Dubost
Comment 6 2024-01-29 01:05:52 PST
Created attachment 469594 [details] testcase simplified
Note You need to log in before you can comment on or make changes to this bug.