diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/js/controls.js | 1 | ||||
| -rw-r--r-- | src/js/defaults.js | 1 | ||||
| -rw-r--r-- | src/less/base.less | 1 | ||||
| -rw-r--r-- | src/less/components/video.less | 5 |
4 files changed, 8 insertions, 0 deletions
diff --git a/src/js/controls.js b/src/js/controls.js index 2adea50f..503aecb8 100644 --- a/src/js/controls.js +++ b/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'); diff --git a/src/js/defaults.js b/src/js/defaults.js index 1a0faeed..75b31a6d 100644 --- a/src/js/defaults.js +++ b/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', diff --git a/src/less/base.less b/src/less/base.less index 64e34146..c17b3897 100644 --- a/src/less/base.less +++ b/src/less/base.less @@ -24,6 +24,7 @@ border-radius: inherit; } + // Ignore focus &:focus { outline: 0; } diff --git a/src/less/components/video.less b/src/less/components/video.less index f5ff01c8..8bf43840 100644 --- a/src/less/components/video.less +++ b/src/less/components/video.less @@ -4,6 +4,11 @@ .plyr--video { overflow: hidden; + + // Menu open + &.plyr--menu-open { + overflow: visible; + } } .plyr__video-wrapper { |