From 243d8de7a833319b795add8ce43cc217a041881d Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Fri, 11 Mar 2022 11:12:50 +0100
Subject: [PATCH] Update MobileMenu.tsx

---
 src/components/MobileMenu.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index 2db4e5baf..8acb7ce88 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import React from "react";
 import { AppState } from "../types";
 import { ActionManager } from "../actions/manager";
@@ -171,15 +172,16 @@ export const MobileMenu = ({
     <>
       {!viewModeEnabled && renderToolbar()}
       <div
-        className="App-bottom-bar"
+        className={clsx("App-bottom-bar", {
+          "disable-pointerEvents":
+            appState.draggingElement ||
+           appState.resizingElement ||
+            (appState.editingElement && !isTextElement(appState.editingElement)),
+        })}
         style={{
           marginBottom: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN * 2,
           marginLeft: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN * 2,
           marginRight: SCROLLBAR_WIDTH + SCROLLBAR_MARGIN * 2,
-          "disable-pointerEvents":
-            appState.draggingElement ||
-            appState.resizingElement ||
-            (appState.editingElement && !isTextElement(appState.editingElement)),
         }}
       >
         <Island padding={0}>