Slider: Visual issues with disabled slider in IE8

[RwwL]

In IE8: only the slider track gets its opacity adjusted when a slider is disabled, not the thumb.

In IE7: both track and thumb get opacity adjustments when disabled, but the thumb is cropped to the height or width of a vertical or horizontal slider, respectively.

This bug is observable right on ​http://jqueryui.com/demos/slider/ if you use IE's JavaScript console to disable the sliders.

[davenaeder]

Confirmed, this can be observed here: ​http://jsfiddle.net/davenaeder/Knyze/ in IE browsers

[tj.vantoll]

This is an IE8 only issue, here's a better fiddle - ​http://jsfiddle.net/tj_vantoll/R8Jqx/. This has the same base problem as #6059, in IE8 non static positioned elements do not inherit the opacity of their parents.

I'll come up with something to fix this.

[tj.vantoll]

I have a fix for this - ​http://jsfiddle.net/tj_vantoll/R8Jqx/11/show/, but there might be a bigger problem here. In all versions of IE when I disable the slider the handles simply seem to disappear. Anybody else seeing this?

I'm going to try it out on some real IE installations tomorrow to make sure that it's not a BrowserStack thing.

[Scott González]

They don't actually disappear, they're just very light. Maybe try looking from a different angle to get more contrast from your monitor. If you increase the opacity, you'll see them better.

[tj.vantoll]

Pull request: ​https://github.com/jquery/jquery-ui/pull/825

For a walkthrough of my logic that led to this unfortunate solution see the comments in the CSS box on this fiddle - ​http://jsfiddle.net/tj_vantoll/CFgDL/.

[TJ VanToll]

Slider: Explicitly apply opacity filter to disabled handles. Fixed #6727 - Slider: Visual issues with disabled slider in IE8

Changeset: 421aeaa08135e747ff9f2a59974c26b350cdcda7

[Jörn Zaefferer]

I've looked at merging this into 1-9-stable, but it won't apply cleanly, so ignoring it.

[mikesherov]

joern, if you merge the CSS style changes first, it'll merge cleanly (I think).

[Scott González]

Don't merge the style changes, just leave this for 1.10.0.