I have a form that I structured using a div wrapped around each 
label-input pair. I floated the labels, so in order to make the divs 
contain the floats, I added overflow: auto to them. This worked fine, 
but it resulted in the divs receiving focus as I tried to tab from form 
field to form field in Firefox. This was mildly annoying, so I replaced 
it with floating the divs, which also contained the floats and didn't 
have such a side effect.

But I'm curious whether Firefox's behavior is correct. Are elements with 
overflow: auto supposed to receive focus? Or are they not? Or is it just 
one of those things not specified and left up the browsers themselves? I 
couldn't find anything about it on w3.org, but I'm admittedly not the 
best at looking around there.

If you'd like to see the "effect" in action, here's a simplified page 
that demonstrates it:
http://www.pixelsurge.com/experiment/overflow-focus-form.html

Thanks,
Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to