fix in ios 18

src/pages/viewer/components/BookPage.tsx

@@ -687,7 +687,6 @@ const BookPage = forwardRef<HTMLDivElement, BookPageProps>(
           boxSizing: 'border-box',
           width: `${width}px`,
           height: `${height}px`,
-          isolation: useHardPage ? undefined : 'isolate',
           zIndex: 1,
           ...(useHardPage
             ? { backgroundColor: effectiveBackgroundColor, ...bgStyle }

src/pages/viewer/components/BookViewer.tsx

@@ -474,7 +474,6 @@ const BookViewer: FC<BookViewerProps> = ({ pages, catalogSize, documentSettings
                     className="max-w-full flex justify-center shrink-0 rounded-sm"
                     style={{
                         overflow: 'hidden',
-                        isolation: 'isolate',
                         width: usePortrait ? pagePixelWidth : pagePixelWidth * 2,
                         height: pagePixelHeight,
                         boxShadow: isDesktop

src/pages/viewer/styles/entranceAnimations.css

@@ -1,5 +1,16 @@
 /* PowerPoint-style entrance animations for viewer (keyframes use --ve-* vars from JS) */
 
+/*
+ * Hint GPU compositing layer on page elements to prevent blank/white pages
+ * during page flip animations on iOS 17/18 Safari (WebKit compositing bug
+ * triggered when isolation:isolate interacts with 3D CSS transforms).
+ */
+.stf__block,
+.stf__item,
+.page {
+  will-change: transform;
+}
+
 @keyframes viewer-entrance-fade {
   from {
     opacity: 0;