src/components/olmap/SCADA/SCADADeviceList.tsx

@@ -814,8 +814,12 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
         variant="persistent"
         hideBackdrop
         sx={{
-          width: isExpanded ? 360 : 0,
-          flexShrink: 0,
+          position: "absolute",
+          inset: 0,
+          width: "100%",
+          height: "100%",
+          overflow: "hidden",
+          pointerEvents: "none",
           "& .MuiDrawer-paper": {
             width: 360,
             height: "860px",
@@ -828,8 +832,9 @@ const SCADADeviceList: React.FC<SCADADeviceListProps> = ({
               "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
             backdropFilter: "blur(8px)",
             opacity: 0.95,
-            transition: "all 0.3s ease-in-out",
+            transition: "transform 0.3s ease-in-out, opacity 0.3s ease-in-out",
             border: "none",
+            pointerEvents: "auto",
             "&:hover": {
               opacity: 1,
             },