alexyigidey8 / gwt-ext

Automatically exported from code.google.com/p/gwt-ext
1 stars 0 forks source link

No CSS in first-level nodes in TreePanel in IE6 #313

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. Apply CSS to TreeNodes in a TreePanel or use the default Styles.
2. set rootVisible to false or true, does not matter
3. View it in IE6

What is the expected output? What do you see instead?
Expected: CSS Styles applied
Result: all first level elements have no CSS styles

What version of the product are you using? On what operating system?
gwt-ext 1.4.61
IE6.0 (Windows XP)

Please provide any additional information below.

When Viewing and comparing the HTML Source in Firebug I noticed that LI 
element on the first level are surrounded by a DIV tag.
That results in [ul][div][li] which seems to break something in IE6.
However, this behaviour only seems to apply when rootVisible is set to 
false.

Workaround:
1. setRootVisible(true)
2. append a css style to the root node to hide it display:none;
The indent space however wont dissapear.

Original issue reported on code.google.com by bdur...@gmail.com on 18 Apr 2008 at 3:09

GoogleCodeExporter commented 9 years ago
This information was found in the gwtextux issue and should be here:

Reported by tony.benbrahim,

On IE6, when the root is hidden, the first level roots do not show selected
when they are selected. This is an extjs bug.

The following css fixes this:

 .x-tree-node { zoom:1; } /* fix for IE6 tree root selection */

see
http://gwt-ext.com/forum/viewtopic.php?f=8&t=177&start=0&st=0&sk=t&sd=a

Original comment by mlim1...@gmail.com on 10 Jul 2008 at 3:13

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
to avoid other browsers you can make it like this

.ext-ie .x-tree-node { zoom:1; } /* fix for IE6 tree root selection */

Original comment by nietz...@gmail.com on 29 Apr 2009 at 11:45