From f3a76a267cd0cc630716752f9eef517a5b752b3e Mon Sep 17 00:00:00 2001
From: ambujsahu81 <Ambuj.sahu1998@gmail.com>
Date: Fri, 20 Jan 2023 18:23:32 +0530
Subject: [PATCH 1/2] add box-sizing property to the navigator display region

---
 src/navigator.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/navigator.js b/src/navigator.js
index 92620af5..f7fe611e 100644
--- a/src/navigator.js
+++ b/src/navigator.js
@@ -184,6 +184,7 @@ $.Navigator = function( options ){
         style.styleFloat    = 'left'; //IE
         style.zIndex        = 999999999;
         style.cursor        = 'default';
+        style.boxSizing     = 'content-box';
     }( this.displayRegion.style, this.borderWidth ));
     $.setElementPointerEventsNone( this.displayRegion );
     $.setElementTouchActionNone( this.displayRegion );

From a1004bac868dc7144f849ec74d52b10c56d9113b Mon Sep 17 00:00:00 2001
From: Ian Gilman <ian@iangilman.com>
Date: Fri, 20 Jan 2023 13:53:46 -0800
Subject: [PATCH 2/2] Changelog for #2276

---
 changelog.txt | 1 +
 1 file changed, 1 insertion(+)

diff --git a/changelog.txt b/changelog.txt
index 4752af72..fa483cc9 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -4,6 +4,7 @@ OPENSEADRAGON CHANGELOG
 4.0.1: (in progress...)
 
 * The viewer no longer emits canvas-key events for both keydown and keypress events; canvas-key is now just for keydown, and the new canvas-key-press is for keypress (#2270 @hrghauri)
+* Fixed: Navigator display rectangle was off if the page had box-sizing: border-box (#2276 @ambujsahu81)
 
 4.0.0: