Search and Top Navigation
#3844 closed bug (fixed)
Opened January 16, 2009 04:46AM UTC
Closed January 20, 2009 06:35PM UTC
Last modified January 17, 2010 06:10AM UTC
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
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
Attachments (0)
Change History (8)
Changed January 16, 2009 04:46AM UTC by comment:1
| component: | ui.core → ui.accordion |
|---|
Changed January 17, 2009 12:48AM UTC by comment:2
| milestone: | TBD → 1.6 |
|---|---|
| priority: | blocker → critical |
Changed January 19, 2009 03:14PM UTC by comment:3
| 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 |
Not a bug in in Accordion, but in the demos/index.html.
Changed January 20, 2009 02:26PM UTC by comment:4
| component: | [meta] demos → ui.accordion |
|---|---|
| description: | Accordion icons are not being shown on IE7 → 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 \ \ |
| 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) |
Changed January 20, 2009 06:29PM UTC by comment:5
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.
Changed January 20, 2009 06:35PM UTC by comment:6
| 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.
Changed January 20, 2009 07:19PM UTC by comment:7
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.
Changed January 21, 2009 06:52PM UTC by comment:8
Modified fix in r1725.