Formtastic
= nested list
nightmare.
Getting Weird with IE7 List + Form Issues
If IE7 is great for anything, it’s revealing when markup is bad. It usually chokes. Sometimes by hiding content, sometimes by flickering, it all depends. Start mixing lists and forms and you can get all kinds of interesting behaviors.
Among IE7′s more interesting list/form quirks:
Peekaboo bug
Where did my drop-down go?
Now you see it, now you don’t – or maybe never at all. This classic bug can’t usually be solved with the standard position:relative solution where lists are concerned.
Check to see if you’ve got anything outside of the list itself, may hidden elements like inputs that somehow aren’t sitting with the li.
Unexpected indentation
Now this drove me nearly mad. In a Rails + Formtastic + HAML project and despite stripping out all padding and margins, I was still finding labels – and only the labels – indented. Wha-whaaaat?
Took two solutions:
list-item-position: outside. Sometimes the indent is the bullet hidden and inside- Making sure that the list items are actually within a
ulorol
That last item might seem crazy, but in a project with a lot of shared views and Formtastic requiring that every freaking thing be in a list, this can easily happen.
Know of other list bugs/problems/issues in IE7?
This list isn’t meant to be comprehensive, so leave a comment and we’ll find some solutions!