From a743d53a870196072e5928ffc9efce2992d176d5 Mon Sep 17 00:00:00 2001
From: georgewrmarshall <george.marshall@consensys.net>
Date: Wed, 19 Feb 2025 09:45:38 -0800
Subject: [PATCH] chore: fixes drag and drop in network list menu modal

---
 .../multichain/network-list-menu/index.scss      | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/ui/components/multichain/network-list-menu/index.scss b/ui/components/multichain/network-list-menu/index.scss
index 33e4c2b6caae..d8b60b1958ef 100644
--- a/ui/components/multichain/network-list-menu/index.scss
+++ b/ui/components/multichain/network-list-menu/index.scss
@@ -2,6 +2,22 @@
   &__dialog {
     height: 100vh;
     max-height: 100%;
+    // Needed to ensure the drag and drop works. All other modals use a slide up animation with transform: translateY(0)
+    // https://github.com/MetaMask/metamask-extension/issues/30436
+    transform: unset;
+
+    // Custom animation for network menu modal that doesn't use transform: translateY(0) to ensure the drag and drop works
+    animation: network-menu-fade 400ms cubic-bezier(0.3, 0.8, 0.3, 1) forwards;
+  }
+}
+
+@keyframes network-menu-fade {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
   }
 }