Open Bug 1406017 Opened 7 years ago Updated 2 years ago

Box-Shadow on input field without a background

Categories

(Core :: Layout: Form Controls, defect, P5)

Product:
Core
Component:
Layout: Form Controls
Version:
57 Branch
Type:
defect

Tracking

()

Status:
UNCONFIRMED
Tracking Flags:
Tracking Status
firefox57 --- wontfix

People

(Reporter: sysix, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171002181526

Steps to reproduce:

Created an input element with box-shadow. Don't define a background.

Test-Fiddle: https://jsfiddle.net/owreb8eu/


Actual results:

No box-shadow is showing.


Expected results:

That the Box-Shadow is displayed. Like in Chrome and IE
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
Severity: normal → minor
status-firefox57: --- → wontfix
Priority: -- → P5

Can confirm this issue: the "inset" box-shadow not being shown on inputs
(Note that a regular box-shadow does get rendered)

Demo: https://codepen.io/bramus/pen/1e6d158c6aa97efea1436e36dafa283b

Workaround/solution as hinted by OP is to set the background-color

Behavior in other browsers:

Severity: minor → S4
You need to log in before you can comment on or make changes to this bug.