Although the current LLM is shown in the menu as having 'selected' state, indicated by a non-grey (white or green) icon, it is still very confusing that on opening the menu the first item has the hover state if the pointer is not over another item in the menu, and that the selected item may not even be in-view. Until the user catches on how the selected state is indicated, they may assume (as I initially did) that the first item is the selected item and that the memory of which item should be selected is broken.
This shows the hover state over the first item, even though the pointer was elsewhere on the screen:
This shows the selected item, but only after it was manually scrolled into view:
To make this more intuitive, I suggest:
scrolling the 'selected' item into view when the menu is opened
choosing a more emphatic style to indicate the 'selected' item
not showing any item with hover state unless the pointer is actually over that item
Although the current LLM is shown in the menu as having 'selected' state, indicated by a non-grey (white or green) icon, it is still very confusing that on opening the menu the first item has the hover state if the pointer is not over another item in the menu, and that the selected item may not even be in-view. Until the user catches on how the selected state is indicated, they may assume (as I initially did) that the first item is the selected item and that the memory of which item should be selected is broken.
This shows the hover state over the first item, even though the pointer was elsewhere on the screen:
This shows the selected item, but only after it was manually scrolled into view:
To make this more intuitive, I suggest: