While developing for multiple sets of browsers, what issues have you faced while development due to differences in browser implementation?
To start with I am listing some of those which i faced:
- A text node in Firefox allows only 4K data. So an XML Ajax response gets split up into multiple text child nodes instead of only one node. Its fine in Internet Explorer. For Firefox, to get the full data you either need to use node.normalize before you call node.firstChild or use node.textContent, both of which are Mozilla specific methods
- Internet Explorer does not replace
or HTML char code 160, you need to replace its Unicode equivalent u00a0 - In Firefox a dynamically created input field inside a form (created using document.createElement) does not pass its value on form submit.
- document.getElementById in Internet Explorer will return an element even if the element name matches. Mozilla only returns element if id matches.
- In Internet Explorer if a select box has a value not represented by any of the options, it will display blank, Firefox displays the first option.