From 27d23c14283d251e17d97f2fb701f7d27febe449 Mon Sep 17 00:00:00 2001 From: Juan Corona Date: Thu, 6 Aug 2015 17:44:53 -0700 Subject: [PATCH] Ensure that the calculated viewport width is always even numbered Fixes regression (?) of #37. Pages were being cut off from the left side in 2 page mode. --- js/views/reflowable_view.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/js/views/reflowable_view.js b/js/views/reflowable_view.js index 786a1e29d..e636d645c 100644 --- a/js/views/reflowable_view.js +++ b/js/views/reflowable_view.js @@ -445,6 +445,12 @@ var ReflowableView = function(options, reader){ function updateViewportSize() { var newWidth = _$contentFrame.width(); + + // Ensure that the new viewport width is always even numbered + // this is to prevent a rendering inconsistency between browsers when odd-numbered bounds are used for CSS columns + // See https://github.com/readium/readium-shared-js/issues/37 + newWidth -= newWidth % 2; + var newHeight = _$contentFrame.height(); if(_lastViewPortSize.width !== newWidth || _lastViewPortSize.height !== newHeight){