Bug 21187 – Reflections of input buttons display incorrectly

• Component: New Bugs
• Status: RESOLVED CONFIGURATION CHANGED

[James A Baker]

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.

[James A Baker]

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.

[James A Baker]

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.

[James A Baker]

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.

[Mark Rowe (bdash)]

<rdar://problem/6253252>

[Ahmad Saleem]

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!

[Ryosuke Niwa]

Yeah, this is working nnow.