EPUB: Fix invisible content in paginated mode in Safari

https://forums.zotero.org/discussion/118219/bug-zotero-web-not-showing-epub-text-properly
zotero · Oct 2, 2024 · 3a80bb3 · 3a80bb3
1 parent f9e37fd
commit 3a80bb3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/dom/common/dom-view.tsx b/src/dom/common/dom-view.tsx
@@ -575,6 +575,8 @@ abstract class DOMView<State extends DOMViewState, Data> {
 		style.innerHTML = injectCSS;
 		this._annotationShadowRoot.append(style);
 
+		this._iframeDocument.documentElement.classList.toggle('is-safari', isSafari);
+
 		// Pass options to setters that were delayed until iframe initialization
 		this.setAnnotations(this._options.annotations);
 		this.setTool(this._options.tool);

diff --git a/src/dom/epub/stylesheets/layout/_paginated.scss b/src/dom/epub/stylesheets/layout/_paginated.scss
@@ -75,6 +75,13 @@
 		&.hidden {
 			display: none;
 		}
+
+		:root.is-safari & {
+			// 'contain: paint' in a multi-column layout slows Safari to a crawl
+			// and causes content to disappear
+			contain: layout;
+			contain: layout style;
+		}
 	}
 }