if (event.type === 'tap') {
target = event.target
} else {
- target = event.currentTarget
+ target = event.currentTarget || event.target
}
if (target?.classList.contains('vjs-back-button')) {
*/
createEl () {
const el = videojs.dom.createEl('li', {
- className: 'vjs-menu-item'
+ className: 'vjs-menu-item',
+ tabIndex: -1
})
this.settingsSubMenuTitleEl_ = videojs.dom.createEl('div', {
}, 0)
this.settingsButton.setDialogSize(this.size)
+
+ const firstChild = this.subMenu.menu.children()[0]
+ if (firstChild) firstChild.focus()
} else {
videojs.dom.addClass(this.settingsSubMenuEl_, 'vjs-hidden')
}
// this triggers CSS Transition event
this.setMargin()
mainMenuEl.style.opacity = '1'
+
+ const firstChild = this.mainMenu.children()[0]
+ if (firstChild) firstChild.focus()
}, 0)
}
padding: 5px 8px;
&.vjs-back-button {
- background-color: inherit;
padding: 8px 8px 13px 12px;
margin-bottom: 5px;
border-bottom: 1px solid #808080;
color: inherit;
position: relative;
+ &:focus {
+ background-color: rgba(115, 133, 159, 0.5);
+ }
+
&::before {
@include icon(15px);