Question

I have made few changes on this huge JSF page, which is full of Javascript as well. I dont know which change make the problem happen.

The problem is: after some Javascript is executed, all the text fields in the page become readonly. The problem is not occurring in IE7 nor in Firefox. I have debugged all the javascript, there is no errors thrown! And there is nothing telling the fields to become readonly, since its working correctly in IE7.

Not sure what the problem is, could be CSS related? or Javascript? And why is it happening on IE6 only?

Note: “Don’t support IE6 is not an option”

Answer 1

Still not sure what happened with that build, but what i was sure about is all the Ajax modifications i did was responsible for the problem.

The scenario was like:

1. Fill textfield1 (hit getValues1 , then hit a validate Ajax)
2. Fill textfield2 (hit getValues2 , then hit validate on both values together)
3. Fill textfield3 (hit getValues3 , then hit validate on all three values)

And a forth time again the same scenario. The page was built by a new to JSF guy, and it was very huge. I took long time refactoring it. But now its much better, each text field still have a getValues Ajax, but instead of validating them after getting all the values, i filter the allowed values on the server by sending the chosen criteria

The scenario now:

1. Fill textfield1 (hit getValues1 Ajax)
2. Fill textfield2 (hit getValues2 Ajax with value of 1, and get only allowed values)
3. … etc

The problem seems to be an Ajax racing conditions and at some moment IE6 was hanging or stuck in a deadlock, im not sure.

Lesson learned, “Refactoring once may take a week, but without every single issue will take longer”