Accordion: Setting maxlength on an input inside an accordion panel sometimes fails in Firefox

[debugginglife]

When i use accordion feature in two panels and try to set maxlength of an input field by using a js function in other panel, the maxlength value changes in mozilla Firefox in value (i checked via firebug) however it does not change on the field (you can not edit).

It works fine for chrome but not Firefox. Is this a real bug and what is the solution?

You can see the bug in detail: ​http://jsfiddle.net/Jc3uc/1/

To see error: at start the maxlength sets to 4. when you open second tab and click the link it aims to set it to 45. however the maxlength value changes but you can not edit the field

[Scott González]

Reduced test case: ​http://jsfiddle.net/Jc3uc/2/

[tj.vantoll]

Interestingly the example works as expected in Firefox 3.6 and fails in Firefox >= 4.

[Scott González]

This is not something we can fix: ​http://jsbin.com/enidok/1/edit

I'll report this to Mozilla.

[Scott González]

​https://bugzilla.mozilla.org/show_bug.cgi?id=818270

[debugginglife]

Thanks Scott...

Similar behavior is observed when trying to change selected option of a select box.

[Scott González]

Thanks for catching that. I missed something important in my reduction because the failure was masked by the incorrect capitalization of the property name. It turns out the problem only occurs if the original maxlength and style are set via JS. I've updated the test case that I submitted to Mozilla, you can see it here: ​http://dev-test.nemikor.com/bugs/firefox/maxlength-on-display-none-input.html