From b7760dc29152bcea14942603ebeda62ccf729e01 Mon Sep 17 00:00:00 2001
From: Igor Octaviano <igoroctaviano@gmail.com>
Date: Fri, 3 Jul 2020 15:50:33 -0300
Subject: [PATCH] OHIF-228: Viewports should not be clipped after resizing
 (#1865)

* Fix overflow of viewports

* Apply changes to sr

* Add double click back

Co-authored-by: Danny Brown <danny.ri.brown@gmail.com>
---
 extensions/dicom-sr/src/OHIFCornerstoneSRViewport.js  | 11 ++++-------
 .../src/viewports/TrackedCornerstoneViewport.js       |  2 +-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/extensions/dicom-sr/src/OHIFCornerstoneSRViewport.js b/extensions/dicom-sr/src/OHIFCornerstoneSRViewport.js
index bb06f36eb..38fea2487 100644
--- a/extensions/dicom-sr/src/OHIFCornerstoneSRViewport.js
+++ b/extensions/dicom-sr/src/OHIFCornerstoneSRViewport.js
@@ -434,17 +434,14 @@ function OHIFCornerstoneSRViewport({
             spacing:
               PixelSpacing && PixelSpacing.length
                 ? `${PixelSpacing[0].toFixed(2)}mm x ${PixelSpacing[1].toFixed(
-                    2
-                  )}mm`
+                  2
+                )}mm`
                 : '',
             scanner: ManufacturerModelName || '',
           },
         }}
       />
-      <div
-        className="relative flex flex-row w-full h-full"
-        onDoubleClick={_onDoubleClick}
-      >
+      <div className="relative flex flex-row w-full h-full overflow-hidden" onDoubleClick={_onDoubleClick}>
         <CornerstoneViewport
           onElementEnabled={onElementEnabled}
           viewportIndex={viewportIndex}
@@ -457,8 +454,8 @@ function OHIFCornerstoneSRViewport({
           frameRate={24}
           isOverlayVisible={false}
         />
+        {childrenWithProps}
       </div>
-      {childrenWithProps}
     </>
   );
 }
diff --git a/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js b/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js
index 941da322c..d73140f7f 100644
--- a/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js
+++ b/extensions/measurement-tracking/src/viewports/TrackedCornerstoneViewport.js
@@ -329,7 +329,7 @@ function TrackedCornerstoneViewport({
       />
       {/* TODO: Viewport interface to accept stack or layers of content like this? */}
       <div
-        className="relative flex flex-row w-full h-full"
+        className="relative flex flex-row w-full h-full overflow-hidden"
         onDoubleClick={_onDoubleClick}
       >
         <CornerstoneViewport