Redraw highlight divs when the viewport is resized

js/views/annotations_manager.js

@@ -211,6 +211,12 @@ ReadiumSDK.Views.AnnotationsManager = function (proxyObj, options) {
         return result;
     };
 
+    this.redrawHighlights = function() {
+        for(var spine in liveAnnotations) {
+            var annotationsForView = liveAnnotations[spine];
+            annotationsForView.redraw();
+        }
+    };
 
 
     function getPartialCfi(CFI) {

js/views/reader_view.js

@@ -1223,6 +1223,17 @@ ReadiumSDK.Views.ReaderView = function(options) {
         return _annotationsManager.removeHighlight(id);
     }; 
 
+    /**
+     * Redraws all highlights. Calling this function from a
+     * PAGINATION_CHANGED event callback should cover all cases
+     * when annotations should be redrawn.
+     *
+     * @returns {undefined}
+     */
+    this.redrawHighlights = function () {
+	_annotationsManager.redrawHighlights();
+    };
+
     /**
      *
      * @param {string} eventName              Event name.