diff --git a/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css b/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css index 5380ba303..006e587d5 100644 --- a/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css +++ b/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css @@ -2,6 +2,11 @@ width: 100%; height: 100%; /* MUST have `height` to prevent resize infinite loop */ position: relative; + /* Prevent text selection on the entire viewport wrapper */ + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; } .cornerstone-viewport-element { @@ -16,4 +21,26 @@ /* Prevents the entire page from getting larger when the magnify tool is near the sides/corners of the page */ overflow: hidden; + + /* Prevent text selection on the viewport element */ + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} + +/* Prevent text selection on overlay elements */ +.noselect { + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} + +/* Ensure all elements within viewport wrapper prevent text selection */ +.viewport-wrapper * { + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; } diff --git a/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.tsx b/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.tsx index da06ec4c4..e685ba3a6 100644 --- a/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.tsx +++ b/extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.tsx @@ -343,7 +343,9 @@ const OHIFCornerstoneViewport = React.memo( data-viewportId={viewportId} ref={el => { elementRef.current = el; - if (el) viewportRef.register(el); + if (el) { + viewportRef.register(el); + } }} > = ({ ); return ( -
-
+
+