hide stats and scrollToContent-button when mobile menus open (#2509)

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={() => {

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}>