DOM creation failure in IE 8

While using ExtJS 2.2.1 on IE8, few DOM elements were not being rendered and due to this the components do not appear correctly.

While debugging the problem in IE 8 (using IE’s Developer Tool), I found that the error was misleading. The problem happened to be due to the ‘style’ config which was being used in some of the components and the had a value like ‘padding-left : 20px’. For some odd reasons, ExtJS was throwing error while parsing this style value and due to this the DOM was not getting constructed properly. I had to remove the extra spaces before and after ‘:’ and add the ‘;’ (semi-colon) to the end of the style. So, changing
style: 'padding-left : 20px'
style: 'padding-left:20px;'
fixed the error and also the rendering of the components is fixed.

Tagged with: , ,
Posted in Sencha ExtJS
One comment on “DOM creation failure in IE 8
  1. Bharat says:

    Thanks for this post it solved my issue

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

We Have Moved Our Blog!

We have moved our blog to our company site. Check out for all latest blogs.

Sencha Select Partner Sencha Training Partner
Xamarin Authorized Partner
Do More. With Sencha.

Recent Publication
%d bloggers like this: