diff --git a/src/navigator.js b/src/navigator.js
index 9d2cf6b7..0cee49a7 100644
--- a/src/navigator.js
+++ b/src/navigator.js
@@ -397,6 +397,11 @@ $.extend( $.Navigator.prototype, $.EventSource.prototype, $.Viewer.prototype, /*
bottomright = this.viewport.pixelFromPointNoRotate(bounds.getBottomRight(), false)
.minus( this.totalBorderWidths );
+ if (!this.navigatorRotate) {
+ var degrees = viewport.getRotation(true);
+ _setTransformRotate(this.displayRegion, -degrees);
+ }
+
//update style for navigator-box
var style = this.displayRegion.style;
style.display = this.world.getItemCount() ? 'block' : 'none';
diff --git a/test/demo/rotating-navigator-region.html b/test/demo/rotating-navigator-region.html
new file mode 100644
index 00000000..1005f682
--- /dev/null
+++ b/test/demo/rotating-navigator-region.html
@@ -0,0 +1,34 @@
+
+
+
+ OpenSeadragon Basic Demo
+
+
+
+
+
+
+ Simple demo page. The navigator region is expected to rotate when the image is rotated.
+ The default behaviour is to keep the region still as the image below it rotates.
+
+
+
+
+