Disable overflow: scroll on the outer pdf.js element (#5446)

GitOrigin-RevId: 77485d0dd2af3e4dc6f86f322816e00beee9dfa9

services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js

@@ -237,7 +237,7 @@ function PdfJsViewer({ url }) {
   /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
   /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
   return (
-    <div className="pdfjs-viewer" ref={handleContainer}>
+    <div className="pdfjs-viewer pdfjs-viewer-outer" ref={handleContainer}>
       <div
         className="pdfjs-viewer-inner"
         role="tabpanel"

services/web/frontend/stylesheets/app/editor/pdf.less

@@ -268,6 +268,12 @@
   }
 }
 
+// The new viewer UI has overflow on the inner element,
+// so disable the overflow on the outer element
+.pdf-viewer .pdfjs-viewer.pdfjs-viewer-outer {
+  overflow: hidden;
+}
+
 .pdf-logs {
   overflow: auto;
   .alert {