@readium/navigator 2.5.6 → 2.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readium/navigator",
-  "version": "2.5.6",
+  "version": "2.5.7",
   "type": "module",
   "description": "Next generation SDK for publications in Web Apps",
   "author": "readium",

package/src/epub/frame/FramePoolManager.ts

@@ -195,6 +195,14 @@ export class FramePoolManager {
                     await newFrame.show(locator.locations.progression); // Show/activate new frame
 
                 this._currentFrame = newFrame;
+
+                // Safari retains focus on the hidden iframe; transfer it to the new
+                // frame only if no meaningful element in the parent document owns focus.
+                if (newFrame) {
+                    const active = this.container.ownerDocument.activeElement;
+                    if (active && active.tagName === "IFRAME" && active !== newFrame.iframe)
+                        newFrame.iframe.focus({ preventScroll: true });
+                }
             }
             resolve();
         });

package/src/epub/fxl/FXLFramePoolManager.ts

@@ -577,6 +577,12 @@ export class FXLFramePoolManager {
             }
             this.previousFrames = newFrames;
 
+            // Safari retains focus on the unfocused iframe; transfer it to the first
+            // new frame only if no meaningful element in the parent document owns focus.
+            const active = this.container.ownerDocument.activeElement;
+            if (active && active.tagName === "IFRAME" && !newFrames.some(f => f.iframe === active))
+                newFrames[0]?.iframe.focus({ preventScroll: true });
+
             resolve();
         });
 

package/src/webpub/WebPubFramePoolManager.ts

@@ -176,6 +176,14 @@ export class WebPubFramePoolManager {
                     await newFrame.show(locator.locations.progression);
 
                 this._currentFrame = newFrame;
+
+                // Safari retains focus on the hidden iframe; transfer it to the new
+                // frame only if no meaningful element in the parent document owns focus.
+                if (newFrame) {
+                    const active = this.container.ownerDocument.activeElement;
+                    if (active && active.tagName === "IFRAME" && active !== newFrame.iframe)
+                        newFrame.iframe.focus({ preventScroll: true });
+                }
             }
             resolve();
         });