Solved

IE freezes randomly using jquery themes

Posted on 2015-02-24
8
50 Views
Last Modified: 2015-07-26
I have been having a seemingly random issue where a .net web application randomly freezes for users. When this happens the user is forced to kill IE for being not respinsive.

All machines are windows 7 and this has been happening over various versions of IE 10 and 11. We use jquery themeroller in the app to allow users to customize appearance and this always happens with the eggplant theme. Possibly because over the years we have not upgraded it properly. With other themes it may happen for one user and of they go back in its fine. The server runs multiple other high usage web applications with no problems.so i believe it to be specific to some javascript condition in relatin to a selected theme although again this is not 100% reproducible except for eggplant theme.

When the user encounters and error the script is doing a few things
1. Creating a jquery modal window
2. Creating 3 tabs to navigate between data and ...
3. Creating an iframe within one of the tabs to load a page

I cannot paste the code but i know it is working except for these random freezing conditions. I didnt notice in the folder that we store themes, specifically for the eggplant theme there is an older jquery ui file for 1.7.2 i believe and thats it. All other themese have versions 1.7 2 as well as 1.10.2 but i still cant explain why this would freeze an IE window. Any ideas why themes may be freezing the window or possibly if its related to the dialog or iframe creation?
0
Comment
Question by:OriNetworks
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
8 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40628897
If the theme is not up to date, then expecting it to work with the latest browser may not be a reasonable expectation.  I would suggest you install the latest version.  If that does not fix it, then you need to as for support from where ever you obtained it.  If there is no support then you would be best to look for an alternate theme, because trying to debug this kind of third party no support stuff, is an exercise in frustration.

Cd&
0
 
LVL 36

Expert Comment

by:Miguel Oz
ID: 40629134
Please post the following information:
1. Server OS and .NET  version (hopefully latest 4.5.1)
2. IE exact version number (Screenshot of about dialog)
3. When did you do this test?

Note: There has been windows updates that fixes some issues in the server and IE 10/11 that fixes some major issues over December 2014 and February 2015.
0
 
LVL 17

Author Comment

by:OriNetworks
ID: 40629449
Server is windows 2008 r2 .net 3.5
IE version: 11.0.9600.17633
update versions: 11.0.16 (kb3021952)

All updates for Server and client are up to date. This has been a problem for a year now across different patches.

@COBOL i understand an update may be required but im not sure what the best method is. Different versions run different versions of jquery all pointing back to the same themeroller site. I assume that is how different jquery-ui versions got placed into each theme folder. Do i need to find the correct jquery-ui file for the theme for each version of jquery-ui being used and put them all in the theme folder?
0
Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

 
LVL 44

Expert Comment

by:Rainer Jeschor
ID: 40629484
Hi,
I ran into kind of this issue IE stalled / consuming 100% of one CPU core the last couple of months.
It was related to a jQuery / Javascript resizing an embedded iframe when the browser window ran in full mode AND the screen resolution has been Full HD (1920x1080).
Have not yet been able to really identify the issue nor fixing it.
KR
Rainer
0
 
LVL 36

Expert Comment

by:Miguel Oz
ID: 40629608
The reason I asked about the versions is that one of my colleagues could not run some of our site features until the following patch was installed in the IE 11 computer:
http://support.microsoft.com/kb/3025390

if further help needed:
Q1. Are you running your target site in standard mode or compatible mode? (Please add a copy of your DEV tools showing the contents of emulation tab especially document mode and user agent)
Q2. Did you clear all temporary IE files before testing?
Q2. Could you consider @coboldinosaur suggestion to have  only one version of jquery ui across the site.
Your plan should be:
1. Remove 1.7 2 and upgrade any code that uses this old version to 1.10.2.
2. Test if it works.
3.  If it does not, then get the latest  jquery ui and test again.
0
 
LVL 17

Author Comment

by:OriNetworks
ID: 40629677
Rainer, thanks for confirming im not the only one. The IE process does seem to take up around 25% cpu. I'm not sure what resize operations may take place within jquery during the combination of creating the modal+iframe but i can imagine it is all related. I would just expect it to be 100% reproducible. I have even tried windbg to try analyzing a memory dump but I don't know how I would backtrack to see what javascript was running at the time.

Miguel,
-All internal sites run in IE7 compatiility mode, I can get exact details tomorrow.
-Clearing temporary files has been done routinely but there is no pattern as to when this happens.
-As for having 1 jqueryUI version I cannot do this because other internal applications each use different versions. If I upgrade a version on one I have to test the entire application to make sure it didnt break. It is not possible to use only 1 jquery version across everything at this time.

-Each site references its own local jquery and jqueryUI files.
-Our jqueryUI themeroller css and scripts are published from a dedicated IIS site and a references is added to each web applications so users see all available themes from this central location.
-As I was explaining, each theme folder contains its own jqueryui1.7 and 1.10 jquery-UI files which confuses me. Are these multiple file versions required to be in the theme in order to support the different jquery versions being used? I was under the impression that since each application has its own local jquery and jqueryUI file, then the styling of themeroller should be independent of what version of jquery is being used but it appears I may be wrong. I'm not sure of the correct way to support themes for multiple versions of the jqueryUI themeroller plugin.
0
 
LVL 17

Accepted Solution

by:
OriNetworks earned 0 total points
ID: 40821187
The cause was due to a window resize event triggering multiple times in a looping fashion. A possible incompatibility or an older jqueryui with a newer jquery core caused the problem 100% of the time although I could not pinpoint where in the jquery code this was occurring. Upgrading all themes to a more recent jqueryui and removing the possibility of nested window resize events has resolved the problem.
0
 
LVL 17

Author Closing Comment

by:OriNetworks
ID: 40898972
the issue was identified and has not recurred.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
asp.net uploading picture to a temporary folder 4 25
links not working 2 25
Read text on Table 7 25
javascript works in Chrome, but none of the other browsers 14 29
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

740 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question