AdmiralPotato/vue-perfectlooper

Hide focus outlines on touch/click or in fullscreen

Closed this issue · 0 comments

The outlines given to the player and some of the inside elements are currently very distracting. This is especially true when clicking fullscreen first, then clicking the large play icon.

Required behaviors:

  • Always hide outline on root/overlay while in fullscreen, no exceptions
  • Hide all outlines when focus is changed via touch/click events
  • Explicitly define outline styling only on the root/overlay object; some browser outlines leak inside player and below the controls, while also above the image content
    • Leave outline styling default for all other elements