981002 - cannot set background of the THUMB of <input type=range> to an image

Status: UNCONFIRMED

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

Description

[dima.tsurankou]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:27.0) Gecko/20100101 Firefox/27.0 (Beta/Release)
Build ID: 20140212131424

Steps to reproduce:

set background of THUMB of <input type=range> to an image
input[type=range]::-moz-range-thumb {
height: 18px;
width: 18px;
background: url(thumb.svg) no-repeat;
}


Actual results:

Looks like it uses the background I specify for the track


Expected results:

Should use proper background image

Comment 1

[Mats Palmgren (inactive)]

Why is ::-moz-range-thumb exposed to the web?
Is this pseudo expected to become part of a standard?

Comment 2

[Jonathan Watt [:jwatt]]

(In reply to Mats Palmgren (:mats) from comment #1)
> Why is ::-moz-range-thumb exposed to the web?

To provide parity with Webkit/Blink, and because people asked for it at the time while nobody suggested we shouldn't expose it.

> Is this pseudo expected to become part of a standard?

That would sound like a good idea, but nobody's working on that as far as I know.

Comment 3

[Mats Palmgren (inactive)]

(In reply to Jonathan Watt [:jwatt] from comment #2)
> To provide parity with Webkit/Blink, 

It's understandable that we want to keep up with the competition, but it's
unfortunate since it undermines our arguments when we criticize other vendors
for shipping prefixed features.  Quote from our policy document:
<em>Mozilla will no longer ship new "moz"-prefixed APIs</em>
https://wiki.mozilla.org/WebAPI/ExposureGuidelines

Comment 4

[Jonathan Watt [:jwatt]]

Yes, that's since been pointed out before, which is (one of) the reasons the pseudo-elements for <input type=number> have not been exposed.