diff --git a/src/contents.js b/src/contents.js index b6780dd..fa1b905 100644 --- a/src/contents.js +++ b/src/contents.js @@ -975,7 +975,10 @@ class Contents { // Deal with Mobile trying to scale to viewport this.viewport({ width: width, height: height, scale: 1.0, scalable: "no" }); - this.css("display", "inline-block"); // Fixes Safari column cut offs + // TODO: inline-block needs more testing + // Fixes Safari column cut offs, but causes RTL issues + // this.css("display", "inline-block"); + this.css("overflow-y", "hidden"); this.css("margin", "0", true); diff --git a/src/managers/continuous/index.js b/src/managers/continuous/index.js index 2be7c9a..7eeb557 100644 --- a/src/managers/continuous/index.js +++ b/src/managers/continuous/index.js @@ -126,9 +126,11 @@ class ContinuousViewManager extends DefaultViewManager { view.expanded = true; }); + /* view.on(EVENTS.VIEWS.AXIS, (axis) => { this.updateAxis(axis); }); + */ this.views.append(view); @@ -145,9 +147,11 @@ class ContinuousViewManager extends DefaultViewManager { view.expanded = true; }); + /* view.on(EVENTS.VIEWS.AXIS, (axis) => { this.updateAxis(axis); }); + */ this.views.prepend(view); @@ -541,8 +545,10 @@ class ContinuousViewManager extends DefaultViewManager { this.mapping.axis(axis); } - if (axis === "vertical" && this.layout) { + if (this.layout && axis === "vertical") { this.layout.spread("none"); + } else { + this.layout.spread(this.layout.settings.spread); } if (axis === "vertical") { diff --git a/src/managers/default/index.js b/src/managers/default/index.js index 145600c..96553fc 100644 --- a/src/managers/default/index.js +++ b/src/managers/default/index.js @@ -876,6 +876,8 @@ class DefaultViewManager { if (this.layout && axis === "vertical") { this.layout.spread("none"); + } else { + this.layout.spread(this.layout.settings.spread); } } diff --git a/src/rendition.js b/src/rendition.js index 7ac1af7..cf7e0a0 100644 --- a/src/rendition.js +++ b/src/rendition.js @@ -926,6 +926,11 @@ class Rendition { "max-height": (this._layout.height ? (this._layout.height * 0.6) + "px" : "60%") + "!important", "object-fit": "contain", "page-break-inside": "avoid" + }, + "svg" : { + "max-width": (this._layout.columnWidth ? this._layout.columnWidth + "px" : "100%") + "!important", + "max-height": (this._layout.height ? (this._layout.height * 0.6) + "px" : "60%") + "!important", + "page-break-inside": "avoid" } });