fix: hide diagram scrollbars via CSS on .mxgraph element

Root cause: GraphViewer's layout phase compares the diagram's natural
bounds against the container width and sets overflow:auto on the
.mxgraph element itself — after any JS setTimeout callbacks. Previous
attempts targeted child elements (.geDiagramContainer) that don't
exist, or used JS timing that ran before GraphViewer's layout.

CSS !important on .mxgraph directly overrides inline styles regardless
of when GraphViewer sets them. The diagram content is already scaled
to fit (resize:true), so hiding overflow loses nothing.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: phrontizo

Markdown/Resources/render.js

@@ -316,10 +316,6 @@
                     var hasTabs = tabBar && tabBar.classList.contains("drawio-tabs");
                     el.innerText = "";
                     GraphViewer.createViewerForElement(el, function(viewer) {
-                        setTimeout(function() {
-                            var divs = el.getElementsByTagName("div");
-                            for (var ci = 0; ci < divs.length; ci++) divs[ci].style.overflow = "hidden";
-                        }, 0);
                         if (!hasTabs) return;
                         var initial = parseInt(tabBar.getAttribute("data-initial-page"), 10) || 0;
                         if (initial > 0) viewer.selectPage(initial);

Markdown/Resources/style.css

@@ -293,6 +293,7 @@ li + li { margin-top: 0.25em; }
 .mxgraph {
     margin: 16px 0;
     max-width: 100%;
+    overflow: hidden !important;
 }
 
 /* --- Footnotes --- */