Open Bug 1327935 Opened 7 years ago Updated 2 years ago

box-shadow doesn't apply correctly on focused natively themed elements

Categories

(Core :: Web Painting, defect)

defect

Tracking

()

People

(Reporter: arni2033, Unassigned)

References

Details

>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160522030240
STR_1:
1. Open url [1] or click URL in the field above
2. Press Tab several times to focus the first <input> on the page
3. Press Tab 4 times, looking precisely at the focused element

AR:  When focusring appears on natively themed inputs (1,2,4), box-shadow change its shape
ER:  box-shadow shouldn't be affected by focusring (see [2] for reference). I.e. either X or Y:
 X) Rectangular "outer" box-shadow should be initially displayed ("inner" box-shadow doesn't matter).
 Y) "Outer" box-shadow should never appear. In this case shadow on the inner content must be visible.

This bug was introduced in bug 581222.

> [1] data:text/html,<input type="radio"><input type="radio" style="-moz-appearance: none;"><input type="range"><input type="range" style="background:transparent;"><style>input{width: 50px;height: 50px;-moz-box-shadow: 0px 0px 1px 3px black;box-shadow: 0px 0px 1px 3px black;}</style>
> [2] data:text/html,<br><audio controls style="-moz-box-shadow:0px 0px 4px 2px green;box-shadow:0px 0px 4px 2px green;">
No longer blocks: 1277113
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Component: CSS Parsing and Computation → Layout: View Rendering
I guess mstange disagrees, given the changes he landed in bug 1174332?
See Also: → 1174332
Flags: needinfo?(mstange)
No, I agree with arni2033 but it's not easy to fix; we'd need to draw the focus ring separately from drawing the shadowed regular widget.

The patch in bug 1174332 made things stop look clipped and broken, at least.
Flags: needinfo?(mstange)
Component: Layout: View Rendering → Layout: Web Painting
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.