From ae15380a9f9c0d72326e7cf67bd2bbe249c71264 Mon Sep 17 00:00:00 2001
From: David Luzar <luzar.david@gmail.com>
Date: Fri, 11 Dec 2020 22:12:36 +0100
Subject: [PATCH] hide stats and scrollToContent-button when mobile menus open
 (#2509)

---
 src/components/MobileMenu.tsx | 2 +-
 src/components/Stats.tsx      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 5cd0b95a5..bf6b2093d 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -154,7 +154,7 @@ export const MobileMenu = ({
             )}
             {actionManager.renderAction("deleteSelectedElements")}
           </div>
-          {appState.scrolledOutside && (
+          {appState.scrolledOutside && !appState.openMenu && (
             <button
               className="scroll-back-to-content"
               onClick={() => {
diff --git a/src/components/Stats.tsx b/src/components/Stats.tsx
index 55d3a8420..c8acdd07d 100644
--- a/src/components/Stats.tsx
+++ b/src/components/Stats.tsx
@@ -6,6 +6,7 @@ import {
   getTotalStorageSize,
 } from "../excalidraw-app/data/localStorage";
 import { t } from "../i18n";
+import useIsMobile from "../is-mobile";
 import { getTargetElements } from "../scene";
 import { AppState } from "../types";
 import { debounce, nFormatter } from "../utils";
@@ -27,6 +28,7 @@ export const Stats = (props: {
   elements: readonly NonDeletedExcalidrawElement[];
   onClose: () => void;
 }) => {
+  const isMobile = useIsMobile();
   const [storageSizes, setStorageSizes] = useState<StorageSizes>({
     scene: 0,
     total: 0,
@@ -44,6 +46,10 @@ export const Stats = (props: {
   const selectedElements = getTargetElements(props.elements, props.appState);
   const selectedBoundingBox = getCommonBounds(selectedElements);
 
+  if (isMobile && props.appState.openMenu) {
+    return null;
+  }
+
   return (
     <div className="Stats">
       <Island padding={2}>