Added an input text field and output text field. See screenshot-3. It works for the output text field but not for the input text field. On Firefox everything works as expected. Here is the log output in Firefox:
window.ziwn#1 before dom update: display = inline
window.ziwn#1 applied update : <input class="iceCmdBtn" id="j_id11:j_id14" name="j_id11:j_id14" onblur="setFocus('');" onclick="iceSubmit(form,this,event);return false;" onfocus="setFocus(this.id);" style="display:none;" type="submit" value="Test">...</input>
window.ziwn#1 after dom update: display = none
window.ziwn#1 before dom update: display = inline
window.ziwn#1 applied update : <input class="iceInpTxt" id="j_id11:j_id15" name="j_id11:j_id15" onblur="setFocus('');" onfocus="setFocus(this.id);" onkeypress="iceSubmit(form,this,event);" onmousedown="this.focus();" style="display:none;" type="text" value="Test">...</input>
window.ziwn#1 after dom update: display = none
window.ziwn#1 before dom update: display = inline
window.ziwn#1 applied update : <span class="iceOutTxt" id="j_id11:j_id16" style="display:none;">...</span>
window.ziwn#1 after dom update: display = none
And here is the log output in IE:
window.Tpv3#1 : before dom update: display = inline
window.Tpv3#1 : applied update : <input class="iceCmdBtn" id="j_id11:j_id14" name="j_id11:j_id14" onblur="setFocus('');" onclick="iceSubmit(form,this,event);return false;" onfocus="setFocus(this.id);" style="display:none;" type="submit" value="Test">...</input>
window.Tpv3#1 : after dom update: display = inline
window.Tpv3#1 : before dom update: display = inline
window.Tpv3#1 : applied update : <input class="iceInpTxt" id="j_id11:j_id15" name="j_id11:j_id15" onblur="setFocus('');" onfocus="setFocus(this.id);" onkeypress="iceSubmit(form,this,event);" onmousedown="this.focus();" style="display:none;" type="text" value="Test">...</input>
window.Tpv3#1 : after dom update: display = inline
window.Tpv3#1 : before dom update: display = inline
window.Tpv3#1 : applied update : <span class="iceOutTxt" id="j_id11:j_id16" style="display:none;">...</span>
window.Tpv3#1 : after dom update: display = none
The display property is not updated properly for the button and the input text field.
The visible property itself is working fine. See screenshot-1 and screenshot-2. They were produced by manually toggling the visible property in the bean.
The action listeners for the Hide and Show buttons also work fine and the style property for the Test button is set properly on the server side. The IE debug console also shows that IE gets the style updates, yet IE doesn't update the page properly. How can that be?