Drawerのタッチイベントを削除

src/components/ResponsiveDrawer.tsx

@@ -43,7 +43,6 @@ export function ResponsiveDrawer({
   const [drawerState, setDrawerState] = useState(false);
   const [isMenuVisible, setIsMenuVisible] = useState(false);
   const [isSwipe, setIsSwipe] = useState(false);
-  const [startTouch, setStartTouch] = useState<Touch | null>(null);
 
   const darkMode = useAppStateStore((state) => state.darkMode);
   const hideDoneItems = useAppStateStore((state) => state.hideDoneItems);
@@ -108,18 +107,6 @@ export function ResponsiveDrawer({
     </>
   );
 
-  const handleTouchStart = (event: React.TouchEvent) => {
-    setStartTouch(event.touches[0] as Touch | null);
-  };
-
-  const handleTouchEnd = (event: React.TouchEvent) => {
-    const endTouch = event.changedTouches[0];
-    // スクロールを検出する簡単な方法
-    if (startTouch && Math.abs(startTouch.pageY - endTouch.pageY) < 10) {
-      toggleDrawer(true);
-    }
-  };
-
   return (
     <>
       {!currentTree && treesList.length === 0 && (
@@ -141,16 +128,15 @@ export function ResponsiveDrawer({
         aria-label='open drawer'
         edge='start'
         onClick={toggleDrawer(true)}
-        onTouchStart={handleTouchStart}
-        onTouchEnd={handleTouchEnd}
+        onTouchStart={() => toggleDrawer(true)}
         size='large'
         sx={{
           border: `1px solid ${theme.palette.divider}`,
           display: { sm: 'none' },
           position: 'fixed',
           bottom: 15,
           right: 30,
-          zIndex: 1000,
+          zIndex: 1200,
           backgroundColor: theme.palette.background.default,
           opacity: 1,
         }}