Prevent Focus Loss When Skip Button is Pressed

src/components/focusManager.js

@@ -103,9 +103,6 @@ function isCurrentlyFocusable(elem) {
 
     if (elem.tagName === 'INPUT') {
         const type = elem.type;
-        if (type === 'range') {
-            return false;
-        }
         if (type === 'file') {
             return false;
         }

src/components/playback/skipsegment.ts

@@ -20,6 +20,15 @@ interface ShowOptions {
 
 function onHideComplete(this: HTMLButtonElement) {
     if (this) {
+        // Handle focus after the hide transition completes
+        if (document.activeElement === this) {
+            this.blur();
+            const pauseButton = document.querySelector('.btnPause');
+            if (pauseButton && focusManager.isCurrentlyFocusable(pauseButton)) {
+                focusManager.focus(pauseButton);
+            }
+        }
+
         this.classList.add('hide');
     }
 }

src/controllers/playback/video/index.js

@@ -304,11 +304,13 @@ export default function (view) {
     }
 
     function slideDownToShow(elem) {
+        elem.classList.remove('hide');
         elem.classList.remove('osdHeader-hidden');
     }
 
     function slideUpToHide(elem) {
         elem.classList.add('osdHeader-hidden');
+        elem.addEventListener(transitionEndEventName, onHideAnimationComplete);
     }
 
     function clearHideAnimationEventListeners(elem) {
@@ -317,7 +319,7 @@ export default function (view) {
 
     function onHideAnimationComplete(e) {
         const elem = e.target;
-        if (elem != osdBottomElement) return;
+        if (elem !== osdBottomElement && elem !== headerElement) return;
         elem.classList.add('hide');
         elem.removeEventListener(transitionEndEventName, onHideAnimationComplete);
     }
@@ -338,8 +340,17 @@ export default function (view) {
                 _focus(focusElement);
             }
             toggleSubtitleSync();
-        } else if (currentVisibleMenu === 'osd' && focusElement && !layoutManager.mobile) {
-            _focus(focusElement);
+        } else if (currentVisibleMenu === 'osd' && !layoutManager.mobile) {
+            // If no focus element is provided, try to keep current focus if it's valid,
+            // otherwise default to pause button
+            if (!focusElement) {
+                const currentFocus = document.activeElement;
+                if (!currentFocus || !focusManager.isCurrentlyFocusable(currentFocus)) {
+                    focusElement = osdBottomElement.querySelector('.btnPause');
+                }
+            }
+
+            if (focusElement) _focus(focusElement);
         }
     }
 
@@ -354,7 +365,7 @@ export default function (view) {
             toggleSubtitleSync('hide');
 
             // Firefox does not blur by itself
-            if (document.activeElement) {
+            if (document.activeElement && !focusManager.isCurrentlyFocusable(document.activeElement)) {
                 document.activeElement.blur();
             }
         }