fix in ios 18

2026-06-06 15:28:48 +03:30
parent 9b72105115
commit 7f4c29bd33
3 changed files with 11 additions and 2 deletions
@@ -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 }
@@ -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
@@ -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;