Loading extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js +8 −5 Original line number Original line Diff line number Diff line Loading @@ -42,6 +42,11 @@ onUiLoaded(async() => { } } } } // Detect whether the element has a horizontal scroll bar function hasHorizontalScrollbar(element) { return element.scrollWidth > element.clientWidth; } // Function for defining the "Ctrl", "Shift" and "Alt" keys // Function for defining the "Ctrl", "Shift" and "Alt" keys function isModifierKey(event, key) { function isModifierKey(event, key) { switch (key) { switch (key) { Loading Loading @@ -650,16 +655,14 @@ onUiLoaded(async() => { } } // Simulation of the function to put a long image into the screen. // Simulation of the function to put a long image into the screen. // We define the size of the canvas, make a fullscreen to reveal the image, then reduce it to fit into the element. // We detect if an image has a scroll bar or not, make a fullscreen to reveal the image, then reduce it to fit into the element. // We hide the image and show it to the user when it is ready. // We hide the image and show it to the user when it is ready. function autoExpand(e) { function autoExpand(e) { const canvas = document.querySelector(`${elemId} canvas[key="interface"]`); const canvas = document.querySelector(`${elemId} canvas[key="interface"]`); const isMainTab = activeElement === elementIDs.inpaint || activeElement === elementIDs.inpaintSketch || activeElement === elementIDs.sketch; const isMainTab = activeElement === elementIDs.inpaint || activeElement === elementIDs.inpaintSketch || activeElement === elementIDs.sketch; if (canvas && isMainTab) { if (canvas && isMainTab) { if (canvas && parseInt(targetElement.style.width) > 862 || parseInt(canvas.width) < 862) { if (hasHorizontalScrollbar(targetElement)) { return; } if (canvas) { targetElement.style.visibility = "hidden"; targetElement.style.visibility = "hidden"; setTimeout(() => { setTimeout(() => { fitToScreen(); fitToScreen(); Loading Loading
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js +8 −5 Original line number Original line Diff line number Diff line Loading @@ -42,6 +42,11 @@ onUiLoaded(async() => { } } } } // Detect whether the element has a horizontal scroll bar function hasHorizontalScrollbar(element) { return element.scrollWidth > element.clientWidth; } // Function for defining the "Ctrl", "Shift" and "Alt" keys // Function for defining the "Ctrl", "Shift" and "Alt" keys function isModifierKey(event, key) { function isModifierKey(event, key) { switch (key) { switch (key) { Loading Loading @@ -650,16 +655,14 @@ onUiLoaded(async() => { } } // Simulation of the function to put a long image into the screen. // Simulation of the function to put a long image into the screen. // We define the size of the canvas, make a fullscreen to reveal the image, then reduce it to fit into the element. // We detect if an image has a scroll bar or not, make a fullscreen to reveal the image, then reduce it to fit into the element. // We hide the image and show it to the user when it is ready. // We hide the image and show it to the user when it is ready. function autoExpand(e) { function autoExpand(e) { const canvas = document.querySelector(`${elemId} canvas[key="interface"]`); const canvas = document.querySelector(`${elemId} canvas[key="interface"]`); const isMainTab = activeElement === elementIDs.inpaint || activeElement === elementIDs.inpaintSketch || activeElement === elementIDs.sketch; const isMainTab = activeElement === elementIDs.inpaint || activeElement === elementIDs.inpaintSketch || activeElement === elementIDs.sketch; if (canvas && isMainTab) { if (canvas && isMainTab) { if (canvas && parseInt(targetElement.style.width) > 862 || parseInt(canvas.width) < 862) { if (hasHorizontalScrollbar(targetElement)) { return; } if (canvas) { targetElement.style.visibility = "hidden"; targetElement.style.visibility = "hidden"; setTimeout(() => { setTimeout(() => { fitToScreen(); fitToScreen(); Loading
