Skip to main content

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 eduardo comment:1

component: ui.coreui.accordion

Changed January 17, 2009 12:48AM UTC by scottgonzalez comment:2

milestone: TBD1.6
priority: blockercritical

Changed January 19, 2009 03:14PM UTC by paul comment:3

component: ui.accordion[meta] demos
summary: Accordion icons are not being shown on IE7Accordion 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 rdworth comment:4

component: [meta] demosui.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: criticalblocker
summary: Accordion icons are not being shown on IE7 on demos/index.htmlAccordion icons are not being shown correctly in IE(6)

Changed January 20, 2009 06:29PM UTC by jzaefferer 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 jzaefferer comment:6

resolution: → fixed
status: newclosed

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 bohdan.ganicky 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 bohdan.ganicky comment:8

Modified fix in r1725.