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 comment:1
Changed October 11, 2012 09:04PM UTC by comment:2
| milestone: | TBD → 1.11.0 |
|---|
Changed October 15, 2012 05:29PM UTC by comment:3
| owner: | → bchiasson |
|---|---|
| status: | new → assigned |
| summary: | Button with primary icon when disabled still shows icon as enabled in IE8 → Button: Primary icon "enabled" when button is disabled |
| type: | bug → feature |
Changed October 16, 2012 07:45PM UTC by 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: | bchiasson → tj.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 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 comment:6
| milestone: | 1.11.0 → 1.9.1 |
|---|---|
| type: | feature → bug |
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.