Browser Bug Reproductions
I have an ever-growing collection of examples of different browser bugs (and jQuery bugs). I try my best to come up with these repros whenever I hit a bug, both so I can understand what's happening and so I can file proper bug reports. I will sometimes write up bugs that have been fixed in newer versions of the browser just so people understand them, especially with IE6 which still has a large market share.
Open Bugs
-
With border-radius on IE9, older Chromes, and Safari 4, rounded borders don't completely cover the background behind them.
IE9 background bleeds through border
-
Internet Explorer can't XHR-load documents served as application/atom+xml or other non-simple XML types.
IE can't load application/atom+xml
-
Firefox 3 changes the behavior of getElementsByTagName with XML namespaces. This completely breaks jQuery's selectors for XML with namespaces.
Firefox Bug 414612
Old Bugs
These have been fixed in the latest version (or beta) of their respective browsers.
-
Firefox can cut off an extremely tall div that has overflow: auto set. This is bug 215055. This was fixed in Firefox 3.6.
Firefox 2 and 3 will cut off tall elements
-
A very bizarre bug that's triggered by jQuery's val() function. This has been fixed in IE7.
IE6 can't add options then select them after accessing childNodes
-
Firefox 2 incorrectly handles floated elements next to list items. This is fixed in Firefox 3. I blogged about this.
Firefox Bug 163110
-
A set of bugs I found with the IE7 beta. All of these have been fixed as of IE8.
IE7 Beta Bugs