YouTube has recently updated its video player, and replaced the HQ button with a Multi-Resolution (MR) button that displays a selection list with available resolutions (360p, 480p, 720p, etc.).
What really annoys me is the overlap between the MR list and the volume range when I quickly hover the MR button to acquire the volume button. This situation is very common when the mouse is on the right of the video and you want to change its volume. Here is screenshot of such a situation:

Overlap is annoying in general, and in this situation it makes me not to see the volume level or I need to wait the MR list to disappear (~couple of hundreds of milliseconds) to change the volume. Enough to be distracting.
A few simple design alternatives would overcome this annoying design flaw:
- Restrict the MR list to its vertical space delimited by the MR bottom (360p) button (no more overlap with vicinity)
- Add a (very small) waiting time before the MR list rolls out
- Require users to click on the MR button to roll out the list
- Change the button order (put the MR button leftmost)
The first alternative would be the simplest and quickest to implement. Other alternatives would require extra actions from users or change their habits. But would prevent any overlap.
I am astonished that such a flaw can appear on a major website (and even more suprised that it is not fixed, yet). This design flaw is also discussed in YouTube’ Bug Reports & Technical Issues forum thread. But don’t worry it won’t prevent you from watching a good NASA parody from The Onion