Hey guys,

We are in the midst of upgrading our ExtJs 4.2 application to use ExtJs 5. We are using a custom theme that is nearly identical to the default theme "Neptune". We have encountered an error only in IE 9 where our tree grid rows are collapsed. Within IE9 I interrogated the CSS for the page and found that there is a class .x-fit-item that sets the position:relative. If I remove that style then the tree grid shows correctly.

I have looked into a few solutions unsuccessfully:



  1. Alter the .x-fit-item style in my custom theme. I am hesitant to alter the .x-fit-item style in my custom theme (and frankly cannot find the .SCSS variable that handles it) because I don't know what other consequences the change may have.

  2. I have tried setting the position attribute in the style of the tree grid itself but was also unsuccessful.

  3. I have searched the ExtJS 5 API for a config/property within the Tree Panel that may resolve the issue but have not found one.


If I go directly into the .css generated by my theme I can make the change but this is obviously not a valid solution.