Fix overflow issue on small players with menu open

src/js/controls.js

@@ -767,6 +767,7 @@ const controls = {
 
         if (utils.is.htmlElement(form)) {
             form.setAttribute('aria-hidden', !show);
+            utils.toggleClass(this.elements.container, this.config.classNames.menu.open, show);
 
             if (show) {
                 form.removeAttribute('tabindex');

src/js/defaults.js

@@ -282,6 +282,7 @@ const defaults = {
         menu: {
             value: 'plyr__menu__value',
             badge: 'plyr__badge',
+            open: 'plyr--menu-open',
         },
         captions: {
             enabled: 'plyr--captions-enabled',

src/less/base.less

@@ -24,6 +24,7 @@
         border-radius: inherit;
     }
 
+    // Ignore focus
     &:focus {
         outline: 0;
     }

src/less/components/video.less

@@ -4,6 +4,11 @@
 
 .plyr--video {
     overflow: hidden;
+
+    // Menu open
+    &.plyr--menu-open {
+        overflow: visible;
+    }
 }
 
 .plyr__video-wrapper {