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'
to
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:

WordPress.com Logo

You are commenting using your WordPress.com 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 https://walkingtree.tech/index.php/blog for all latest blogs.

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

Recent Publication
%d bloggers like this: