A simple input (type=submit) button on a form is displayed with a jagged, broken appearance within a box reflection. The "lozenge" (aka un-styled) button appears (in the reflection) to be offset vertically through its middle by a few pixels, even though it does not appear that the text contained within it has been similarly offset.
Created attachment 23884 [details] Discontinuity in Reflection of Input Button Sample rendering of page with an unstyled input button contained within a table, within a form, within a div which is defined as having a "below" reflection.
Created attachment 23885 [details] Reduction of HTML and CSS to minimums This is a reduction of the necessary HTML and CSS code to reproduce the rendering bug.
Created attachment 23886 [details] Reference rendering of reduced HTML and CSS attachment This is merely a reference rendering from my Mac (a 2x800MHz "Quicksilver" PPC, running WebKit r36882 on Mac OS X 10.4.11) of the attached HTML and CSS reductions.
<rdar://problem/6253252>
I am unable to reproduce the buggy cut-off behavior from reference attached image in the test case from attachment in Safari 15.6 on macOS 12.5 and it is same in Chrome Canary 106. Although I think Firefox Nightly 105 does not support -webkit-box-reflect and it just shows a simple button but then from out of thin air amend the "text" of button from 'Submit' to "SUBMIT QUERY" (by adding 'query' from no where). I think it might be bug in Firefox here but just wanted to share updated results. Thanks!
Yeah, this is working nnow.