#3844 closed bug (fixed)
Accordion icons are not being shown correctly in IE(6)
Reported by: | eduardo | Owned by: | |
---|---|---|---|
Priority: | blocker | Milestone: | 1.7 |
Component: | ui.accordion | Version: | 1.6rc5 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description (last modified by )
In the default accordion in IE6, the icons display way below the accordion. This is not a demos issue, as it can be seen on an individual static and visual test pages
http://jquery-ui.googlecode.com/svn/trunk/tests/static/accordion.html
http://jquery-ui.googlecode.com/svn/trunk/tests/visual/accordion.html
Change History (8)
comment:1 Changed 14 years ago by
Component: | ui.core → ui.accordion |
---|
comment:2 Changed 14 years ago by
Milestone: | TBD → 1.6 |
---|---|
Priority: | blocker → critical |
comment:3 Changed 14 years ago by
Component: | ui.accordion → [meta] demos |
---|---|
Summary: | Accordion icons are not being shown on IE7 → Accordion icons are not being shown on IE7 on demos/index.html |
comment:4 Changed 14 years ago by
Component: | [meta] demos → ui.accordion |
---|---|
Description: | modified (diff) |
Priority: | critical → blocker |
Summary: | Accordion icons are not being shown on IE7 on demos/index.html → Accordion icons are not being shown correctly in IE(6) |
comment:5 Changed 14 years ago by
The culprit is this definition in ui.accordion.css:
.ui-accordion .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
More specifically, the top: 50% throws IE off, for whatever reason. Not sure yet how to workaround that.
comment:6 Changed 14 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
Replacing top: 50% with top: 1.15em seems to fix the issue in IE6 while keeping other browsers intact as well.
Fixed in r1724.
comment:7 follow-up: 8 Changed 14 years ago by
I modified the fix. The issue is that IE6 is able to position to a parent with triggered hasLayout only. You can trigger the hasLayout with simply defining height: 1% or zoom: 1 for IE6 only.
Not a bug in in Accordion, but in the demos/index.html.