Jack Blankenships wrote:
> How does that "kill the child?" If the link has display: none, why
> does that have any effect whatsoever on the clickability or the link
> or the resulting action? Doesn't display none simply not show it on
> the page but allow it to exist in the DOM?
You can no longer interact with the link since it isn't there anymore
once you press the key, and "no interaction" means "no link to follow".
Browsers don't memorize dynamic actions, so the browser has no idea what
caused the link to disappear - only that it is gone. To the browser
that's the same as if you move the mouse-pointer away from the dropdown.
You have to keep the link visible and in focus until a microsecond or so
_after_ you have released the mouse-key, so that the key-release gets
registered and acted upon by the browser. Only then will it follow the link.
Test for yourself - without 'display: none' but with a background-color
for :active state:
In Firefox you can press the mouse-key and move the mouse-pointer away
from the link, any link on any page, before you release the mouse-key,
and see that nothing happens other than that you "smear" the link around
on the screen a bit while pressing the key. Other browsers reacts in
similar ways and only the "smearing" part is different. They won't
follow the link unless the mouse-pointer is focused on the link the
entire time until the key is released.
That should make it clear enough how it works, and why you get no
link-action when the link disappears on link-press with 'display: none'.
You're simply not quick enough to press _and_ release the key before the
link has disappeared and therefore lost focus, and there's no way you
can be since the key-scan only delivers one key-state at a time and in
sequence. The right key-state will always be too late.
Handle the "disappear but follow link" with javascript, as CSS can't
really help you here.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
