PDA

View Full Version : [FIXED][3.x] menu separator only visible on hover (ie6 specific)



VinylFox
11 Dec 2009, 6:54 AM
I have been unable to locate a solution to this bug, so hopefully someone else can help to figure it out.

Ext version tested:

All


Adapter used:

ext


css used:

only default ext-all.css


Browser versions tested against:

IE6
All other browsers work as expected, including IE7 & 8


Description:

In IE6, a menu with a separator between two menu items will only show the separator if the menu item above the separator is hovered over.


See this URL : http://www.extjs.com/deploy/dev/examples/menu/menus.html

Steps to reproduce the problem:

Open the example noted above (in IE6)
Click on the 'Button w/Menu'
Hover over the menu item 'I like Ext'


The result that was expected:

Divider should always be displayed.


The result that occurs instead:

Divider only shown on hover in IE6 (all other browsers work as expected)


Screenshot or Video:

IE6 - http://screencast.com/t/ZDJlNDM5Z
All other browsers - http://screencast.com/t/ZjY3ZjVlMTEt


Debugging already done:

CSS all seems normal, unable to locate problem.


Possible fix:

unknown

VinylFox
1 Jan 2010, 9:23 AM
New year bump! :)

Condor
2 Jan 2010, 12:26 AM
Try:

.ext-strict .ext-ie6 .x-menu-sep-li {
padding: 3px 4px;
}
.ext-strict .ext-ie6 .x-menu-sep {
margin: 0;
height: 1px;
}

VinylFox
4 Jan 2010, 6:05 AM
Works great. Added to the end of structure/menu.css and rebuilt and it looks good in IE6 now. Other browsers appear unaffected. Thanks - nice job finding this, I was struggling with it.

VinylFox
4 Jan 2010, 6:13 AM
Fixed in SVN rev 5847