diff --git a/.changeset/odd-lamps-behave.md b/.changeset/odd-lamps-behave.md new file mode 100644 index 0000000000000..702fc2db4b15e --- /dev/null +++ b/.changeset/odd-lamps-behave.md @@ -0,0 +1,5 @@ +--- +'@mysten/dapp-kit': patch +--- + +Set a high z-index for the account dropdown so that it doesn't get hidden diff --git a/sdk/dapp-kit/src/components/AccountDropdownMenu.css.ts b/sdk/dapp-kit/src/components/AccountDropdownMenu.css.ts index c7301245c9c21..27059e6882e07 100644 --- a/sdk/dapp-kit/src/components/AccountDropdownMenu.css.ts +++ b/sdk/dapp-kit/src/components/AccountDropdownMenu.css.ts @@ -9,6 +9,10 @@ export const connectedAccount = style({ gap: 8, }); +export const menuContainer = style({ + zIndex: 999999999, +}); + export const menuContent = style({ display: 'flex', flexDirection: 'column', diff --git a/sdk/dapp-kit/src/components/AccountDropdownMenu.tsx b/sdk/dapp-kit/src/components/AccountDropdownMenu.tsx index 1d6f3195c960a..8fa59200b8b40 100644 --- a/sdk/dapp-kit/src/components/AccountDropdownMenu.tsx +++ b/sdk/dapp-kit/src/components/AccountDropdownMenu.tsx @@ -42,7 +42,7 @@ export function AccountDropdownMenu({ currentAccount }: AccountDropdownMenuProps - + {accounts.map((account) => (