Merge pull request #2491 from perminder-17/horizontal

Done with the problem faced of loosing screen.

Author: raclim

client/modules/IDE/pages/IDEView.jsx

@@ -102,6 +102,7 @@ const IDEView = () => {
   const [consoleSize, setConsoleSize] = useState(150);
   const [sidebarSize, setSidebarSize] = useState(160);
   const [isOverlayVisible, setIsOverlayVisible] = useState(false);
+  const [MaxSize, setMaxSize] = useState(window.innerWidth);
 
   const cmRef = useRef({});
 
@@ -146,6 +147,17 @@ const IDEView = () => {
       }
     };
   }, [shouldAutosave, dispatch]);
+  useEffect(() => {
+    const updateInnerWidth = (e) => {
+      setMaxSize(e.target.innerWidth);
+    };
+
+    window.addEventListener('resize', updateInnerWidth);
+
+    return () => {
+      window.removeEventListener('resize', updateInnerWidth);
+    };
+  }, [setMaxSize]);
 
   const consoleCollapsedSize = 29;
   const currentConsoleSize = ide.consoleIsExpanded
@@ -179,6 +191,7 @@ const IDEView = () => {
                 <Sidebar />
                 <SplitPane
                   split="vertical"
+                  maxSize={MaxSize * 0.965}
                   defaultSize="50%"
                   onChange={() => {
                     setIsOverlayVisible(true);