Workarounds for IE 8 and Ext JS

For the last couple days I ran into JavaScript errors with toolbars for Ext JS. One of the issues is clearly documented here. I just added hideMode:'offsets' to the toolbar definition and the error went away. The other one, I had to add enableOverflow: false option to the toolbar to avoid hitting Object required error in IE.

Width issue in IE

Somehow IE refuse to display properly with width:auto. FF and Safari had no problem with this property and displayed correct width size to match content. IE would set the width size to 1 pixel wide. Fortunately, I came across this post. Thanks to orcrist’s recommendation, removing the width attribute fixed the issue for me on IE.

IE Specific CSS

This blog post saved my day. I was able to keep a page look relatively the same by using browser specific css definitions. Maintaining separate css definitions is undesirable, but necessary to work within the current situation.

Autocomplete fix for Ext JS ComboBox on IE

Yesterday, I found out that the autocomplete widget doesn’t work on IE. A quick search on-line led me to the following thread. After a simple copy-and-past the code into my environment fixed the issue.