@f8team/reel-core 1.0.5 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @f8team/reel-core
 
+## 1.1.0
+
+### Minor Changes
+
+- fe0431b: Fix controls that never auto-hide in fullscreen.
+
+  Entering fullscreen is only possible by hitting the fullscreen control, and the
+  pointer focus it leaves behind kept `:focus-within` matching forever, so the
+  themes held the controls bar and the mobile transport at full opacity for the
+  rest of the session. Reported on Android Chrome and Safari.
+
+  The idle timer now releases that pointer focus instead of only dropping
+  `data-reel-controls-visible`. Keyboard focus and open control menus still keep
+  the chrome on screen - the timer re-arms rather than hiding.
+
+  `@f8team/reel-core` gains `blurFocusInside` and `shouldKeepControlsVisible` so
+  the Lit element, the React adapter and app-level players share one auto-hide
+  focus contract; `@f8team/reel-react` re-exports both.
+
 ## 1.0.5
 
 ### Patch Changes

package/dist/index.cjs

@@ -2394,6 +2394,27 @@ function createFocusTrap(container) {
   return { activate, deactivate };
 }
 
+// src/a11y/controlsFocus.ts
+var OPEN_MENU_SELECTOR = "[data-reel-menu-open]";
+function activeElementInside(container) {
+  const active = (container.ownerDocument ?? document).activeElement;
+  if (!(active instanceof HTMLElement)) return null;
+  return container.contains(active) ? active : null;
+}
+function blurFocusInside(container) {
+  activeElementInside(container)?.blur();
+}
+function shouldKeepControlsVisible(container) {
+  if (container.querySelector(OPEN_MENU_SELECTOR) !== null) return true;
+  const active = activeElementInside(container);
+  if (!active) return false;
+  try {
+    return active.matches(":focus-visible");
+  } catch {
+    return false;
+  }
+}
+
 // src/util/time.ts
 var TIME_RE = /^(?:(\d+):)?(\d{1,2}):(\d{1,2})(?:\.(\d+))?$/;
 function parseTime(input) {
@@ -2433,6 +2454,7 @@ exports.TOKEN_TO_CSS_VAR = TOKEN_TO_CSS_VAR;
 exports.announce = announce;
 exports.applyTheme = applyTheme;
 exports.areSourceDescriptorsEquivalent = areSourceDescriptorsEquivalent;
+exports.blurFocusInside = blurFocusInside;
 exports.createFocusTrap = createFocusTrap;
 exports.createPlayer = createPlayer;
 exports.definePlugin = definePlugin;
@@ -2444,6 +2466,7 @@ exports.looksLikeProgressive = looksLikeProgressive;
 exports.looksLikeYouTube = looksLikeYouTube;
 exports.parseTime = parseTime;
 exports.resolveTokens = resolveTokens;
+exports.shouldKeepControlsVisible = shouldKeepControlsVisible;
 exports.toSeconds = toSeconds;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map