Ugly outline in dropdown menus

%3CLINGO-SUB%20id%3D%22lingo-sub-2118947%22%20slang%3D%22en-US%22%3EUgly%20outline%20in%20dropdown%20menus%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2118947%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20first%20element%20in%20History%2FFavorites%2FDownloads%20menus%20is%20always%20outlined%20when%20I%20open%20the%20menu%20-%20it's%20ugly%20and%20there's%20no%20need%20in%20this%20because%20I%20did%20not%20used%20keyboard%20for%20navigation%20between%20the%20elements.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22msekmfb1_0-1612872488137.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F253571i9871A0F10A8677F9%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22msekmfb1_0-1612872488137.png%22%20alt%3D%22msekmfb1_0-1612872488137.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2120014%22%20slang%3D%22en-US%22%3ERe%3A%20Ugly%20outline%20in%20dropdown%20menus%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2120014%22%20slang%3D%22en-US%22%3Eit's%20even%20more%20inconsistent%20because%20Windows%20don't%20have%20it%20too%2C%20it%20shows%20only%20when%20I%20use%20keyboard%20for%20the%20first%20time%20(and%20Windows%20outlines%20are%20way%20uglier)%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2119301%22%20slang%3D%22en-US%22%3ERe%3A%20Ugly%20outline%20in%20dropdown%20menus%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2119301%22%20slang%3D%22en-US%22%3EExtensions%20are%20different%20because%20simply%20pressing%20enter%20on%20them%20doesn't%20do%20much%2C%20they%20have%20custom%20menus%20that%20appear%20when%20we%20click%20or%20press%20enter%20on%20them.%3CBR%20%2F%3Ethe%20same%20outline%20exists%20for%20favorites%20and%20downloads%20flyouts%2C%3CBR%20%2F%3ECollections%20don't%20have%20it%20which%20makes%20it%20inconsistent%2C%3CBR%20%2F%3E%3CBR%20%2F%3Ethis%20is%20useful%20even%20if%20user%20is%20not%20having%20any%20assistive%20technology%2C%20like%20if%20you%20just%20use%20keyboard%20shortcuts%20and%20you%20don't%20have%20to%20press%20down%20arrow%20twice.%3CBR%20%2F%3Emaybe%20instead%20of%20an%20outline%20if%20it%20was%20a%20mild%20highlight%20over%20the%20selected%20item%2C%20it%20would%20look%20better%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2119230%22%20slang%3D%22en-US%22%3ERe%3A%20Ugly%20outline%20in%20dropdown%20menus%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2119230%22%20slang%3D%22en-US%22%3EIf%20I%20open%20Extensions%20Menu%2C%20the%20first%20element%20would%20not%20be%20outlined.%3CBR%20%2F%3EIf%20I%20open%20the%20old%20history%20dropdown%2C%20there%20will%20not%20be%20outlines%20until%20I%20use%20the%20keyboard%20for%20the%20first%20time.%3CBR%20%2F%3EI%20think%20there's%20no%20need%20in%20instant%20outlines%20(applies%20to%20all%20websites)%20until%20I%20use%20keyboard%20or%20if%20I%20don't%20have%20assistive%20technologies%20enabled.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2119067%22%20slang%3D%22en-US%22%3ERe%3A%20Ugly%20outline%20in%20dropdown%20menus%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2119067%22%20slang%3D%22en-US%22%3E%3CP%3Edoesn't%20look%20that%20bad..%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22image.png%22%20style%3D%22width%3A%20358px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F253602i183C97A71BCB0988%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image.png%22%20alt%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3Byou%20might%20not%20use%20keyboard%20but%20you%20can%20press%20enter%20immediately%20after%20opening%20history%20panel%20to%20go%20to%20the%20first%20entry%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eit's%20also%20there%20for%20assistive%20technologies.%20I%20remember%20developers%20mentioning%20similar%20thing%20in%20this%20forum.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Frequent Contributor

The first element in History/Favorites/Downloads menus is always outlined when I open the menu - it's ugly and there's no need in this because I did not used keyboard for navigation between the elements.

msekmfb1_0-1612872488137.png

 

4 Replies

doesn't look that bad..

 

image.png

 

 you might not use keyboard but you can press enter immediately after opening history panel to go to the first entry

 

it's also there for assistive technologies. I remember developers mentioning similar thing in this forum.

If I open Extensions Menu, the first element would not be outlined.
If I open the old history dropdown, there will not be outlines until I use the keyboard for the first time.
I think there's no need in instant outlines (applies to all websites) until I use keyboard or if I don't have assistive technologies enabled.
Extensions are different because simply pressing enter on them doesn't do much, they have custom menus that appear when we click or press enter on them.
the same outline exists for favorites and downloads flyouts,
Collections don't have it which makes it inconsistent,

this is useful even if user is not having any assistive technology, like if you just use keyboard shortcuts and you don't have to press down arrow twice.
maybe instead of an outline if it was a mild highlight over the selected item, it would look better

it's even more inconsistent because Windows don't have it too, it shows only when I use keyboard for the first time (and Windows outlines are way uglier)