Skip to main content

Search and Top Navigation

#6059 closed bug (fixed)

Opened September 16, 2010 05:31PM UTC

Closed October 22, 2012 02:07AM UTC

Button: Primary icon "enabled" when button is disabled

Reported by: kvgeorge1 Owned by: tj.vantoll
Priority: minor Milestone: 1.9.1
Component: ui.button Version: 1.8.4
Keywords: Cc:
Blocked by: Blocking:
Description

When setting a button to state (disabled) in IE8 with a primary icon, the primary icon is not grayed-out like in IE6.

Attachments (0)
Change History (7)

Changed September 17, 2010 06:44PM UTC by kvgeorge1 comment:1

Further research shows that this happens when the DOCTYPE is specified as:

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN"

"http:www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Setting DOCTYPE to <!DOCTYPE html> does not show the problem.

Changed October 11, 2012 09:04PM UTC by scottgonzalez comment:2

milestone: TBD1.11.0

Changed October 15, 2012 05:29PM UTC by bchiasson comment:3

owner: → bchiasson
status: newassigned
summary: Button with primary icon when disabled still shows icon as enabled in IE8Button: Primary icon "enabled" when button is disabled
type: bugfeature

Changed October 16, 2012 07:45PM UTC by tj.vantoll comment:4

_comment0: IE8 has a bug where non static positioned element does not inherit the opacity value of its parent (http://seanmonstar.com/post/709013028/ie-opacity-ignores-positioned-children). \ \ This can be fixed with the following: \ {{{ \ .ui-state-disabled .ui-icon { \ filter:Alpha(Opacity=35); \ } \ }}} \ \ \ Example: http://jsfiddle.net/tj_vantoll/qMQN5/18/ \ \ I'm going to do a little more research to see if this problem applies to other things in UI before sending a pull request.1350443631786896
owner: bchiassontj.vantoll

IE8 has a bug where elements with relative/absolute positioning do not inherit the opacity value of their parents (http://seanmonstar.com/post/709013028/ie-opacity-ignores-positioned-children).

This can be fixed with the following:

.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35);
}

Example: http://jsfiddle.net/tj_vantoll/qMQN5/18/

I'm going to do a little more research to see if this problem applies to other things in UI before sending a pull request.

Changed October 16, 2012 08:51PM UTC by tj.vantoll comment:5

This problem also occurs on disabled inline datepickers. After discussion we couldn't think of any adverse effects of the fix shown in the above comment.

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

Changed October 22, 2012 02:07AM UTC by scottgonzalez comment:6

milestone: 1.11.01.9.1
type: featurebug

Changed October 22, 2012 02:07AM UTC by TJ VanToll comment:7

resolution: → fixed
status: assignedclosed

CSS: Apply opacity to absolutely positioned ui icons in IE8. Fixed #6059 - Button: Primary icon "enabled" when button is disabled.

Changeset: fe1ecf97e01f6b9e6041ae324deafb69063d1c9c