Update MobileMenu.tsx

src/components/MobileMenu.tsx

@@ -1,10 +1,9 @@
-import clsx from "clsx";
 import React from "react";
 import { AppState } from "../types";
 import { ActionManager } from "../actions/manager";
 import { t } from "../i18n";
 import Stack from "./Stack";
-import { isTextElement, showSelectedShapeActions } from "../element";
+import { showSelectedShapeActions } from "../element";
 import { NonDeletedExcalidrawElement } from "../element/types";
 import { FixedSideContainer } from "./FixedSideContainer";
 import { Island } from "./Island";
@@ -171,15 +170,6 @@ export const MobileMenu = ({
   return (
     <>
       {!viewModeEnabled && renderToolbar()}
-      <div
-        className={clsx("layer-ui__wrapper", {
-          "disable-pointerEvents":
-            appState.draggingElement ||
-            appState.resizingElement ||
-            (appState.editingElement &&
-              !isTextElement(appState.editingElement)),
-        })}
-      >
       <div
         className="App-bottom-bar"
         style={{
@@ -206,12 +196,9 @@ export const MobileMenu = ({
                           )
                           .map(([clientId, client]) => (
                             <React.Fragment key={clientId}>
-                                {actionManager.renderAction(
-                                  "goToCollaborator",
-                                  {
+                              {actionManager.renderAction("goToCollaborator", {
                                 id: clientId,
-                                  },
-                                )}
+                              })}
                             </React.Fragment>
                           ))}
                       </UserList>
@@ -223,10 +210,7 @@ export const MobileMenu = ({
           ) : appState.openMenu === "shape" &&
             !viewModeEnabled &&
             showSelectedShapeActions(appState, elements) ? (
-              <Section
-                className="App-mobile-menu"
-                heading="selectedShapeActions"
-              >
+            <Section className="App-mobile-menu" heading="selectedShapeActions">
               <SelectedShapeActions
                 appState={appState}
                 elements={elements}
@@ -252,7 +236,6 @@ export const MobileMenu = ({
           </footer>
         </Island>
       </div>
-      </div>
     </>
   );
 };