diff --git a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx index ea0c10367..dfb13db5e 100644 --- a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx +++ b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx @@ -111,6 +111,9 @@ export const Visualization2D: React.FC< //this div is to ensure that the size of the visualiser doesnt change when focusings on a subtree style={ { + overflowY: 'auto', + overflowX: 'hidden', + position: 'relative', //this is for the absolutely positioned overlays [pxScaleFactorCssVar]: pxScaleFactor, width: toPx(focusState.actualRoot.bounds.width), height: toPx(focusState.actualRoot.bounds.height), diff --git a/desktop/plugins/public/ui-debugger/components/main.tsx b/desktop/plugins/public/ui-debugger/components/main.tsx index 5eeab1107..821918215 100644 --- a/desktop/plugins/public/ui-debugger/components/main.tsx +++ b/desktop/plugins/public/ui-debugger/components/main.tsx @@ -96,13 +96,11 @@ export function Component() { instance.uiActions.setVisualiserWidth(width); }} gutter> - - - + >): UIActions { }; const setVisualiserWidth = (width: number) => { - console.log('w', width); uiState.visualiserWidth.set(width); };