From ce48f75f6ce298bd86161fcfa39fba88c8b8cf58 Mon Sep 17 00:00:00 2001
From: Gordon Smith <GordonJSmith@gmail.com>
Date: Fri, 28 Jun 2024 08:35:48 +0100
Subject: [PATCH] HPCC-32172 ECL Playground results flickering

Flipping between scroll and no scroll

Signed-off-by: Gordon Smith <GordonJSmith@gmail.com>
---
 esp/src/src-react/components/ECLPlayground.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/esp/src/src-react/components/ECLPlayground.tsx b/esp/src/src-react/components/ECLPlayground.tsx
index 665e0c699ad..9fe22b20ec7 100644
--- a/esp/src/src-react/components/ECLPlayground.tsx
+++ b/esp/src/src-react/components/ECLPlayground.tsx
@@ -512,18 +512,18 @@ export const ECLPlayground: React.FunctionComponent<ECLPlaygroundProps> = (props
                 </ReflexContainer>
             </ReflexElement>
             <ReflexSplitter />
-            <ReflexElement propagateDimensions={true} minSize={100}>
-                {outputMode === OutputMode.ERRORS ? (
-                    <InfoGrid wuid={workunit?.Wuid} syntaxErrors={syntaxErrors} />
+            <ReflexElement propagateDimensions={true} minSize={100} style={{ overflow: "hidden" }}>
+                <div style={{ height: "calc(100% - 44px)" }}>
+                    {outputMode === OutputMode.ERRORS ? (
+                        <InfoGrid wuid={workunit?.Wuid} syntaxErrors={syntaxErrors} />
 
-                ) : outputMode === OutputMode.RESULTS ? (
-                    <TabbedResults wuid={workunit?.Wuid} filter={filter} />
+                    ) : outputMode === OutputMode.RESULTS ? (
+                        <TabbedResults wuid={workunit?.Wuid} filter={filter} />
 
-                ) : outputMode === OutputMode.VIS ? (
-                    <div style={{ height: "calc(100% - 25px)" }}>
+                    ) : outputMode === OutputMode.VIS ? (
                         <DojoAdapter widgetClassID="VizWidget" params={{ Wuid: workunit?.Wuid, Sequence: 0 }} />
-                    </div>
-                ) : null}
+                    ) : null}
+                </div>
             </ReflexElement>
         </ReflexContainer>
     </div>;