search

NHSLeadership / nightingale

NHS-Generic Frontend Framework.
Other
35 stars 8 forks source link

Sub menu blue highlight #135

Open cehwitham opened 7 years ago

cehwitham commented 7 years ago

The first a element in a dropdown menu has a blue highlight box when the drop down menu is first opened. When you click inspect, the blue highlight disappears so it is hard to see which class is giving this. You can replicate this in inspector by setting :focus but I can't see a corresponding border style. It shows as a light blue line in Chrome and Safari and a black dotted line so I think it is a browser focus style.

This image shows it in Chrome on MacOSX.

screen shot 2017-08-22 at 16 10 59
penpadstudio commented 6 years ago

@csswizardry @cehwitham This issue still seems to be active.

csswizardry commented 6 years ago

This is somewhat on-purpose; we want the focus to be moved to the correct element when a keyboard user is interacting with the nav… The blue highlight tells them where their current focus now lies.

cehwitham commented 6 years ago

@csswizardry can see this is good for keyboard users, just looks a bit odd for mouse users on initial menu load. Would there be some way for the menu itself to be the focus when it opens rather than the first element?