search

reown-com / appkit

The full stack toolkit to build onchain app UX
https://reown.com/appkit
Apache License 2.0
4.91k stars 1.4k forks source link

[bug] Modal shrinks when select wallet to connect #3125

Open Philword opened 1 week ago

Philword commented 1 week ago

Link to minimal reproducible example

https://test.astroarmadillos.io/

Summary

When open modal I have option to select wallet to connect to. When I click on wallet it shrinks and I'm not able to connect. I was able to connect only when activated email connect (emailShowWallets: true, and email: true) and after input email and then canceled connecting, click on metamask wallet it started working. How to solve it? Url with website were I have this issue provided. https://test.astroarmadillos.io/

IMG_3298

List of related npm package versions

import { createAppKit } from '@reown/appkit/vue' import { EthersAdapter } from '@reown/appkit-adapter-ethers' import { mainnet, polygon } from '@reown/appkit/networks' import { useAppKitProvider, useAppKitAccount } from "@reown/appkit/vue" import { BrowserProvider } from 'ethers'

const modal = createAppKit({ adapters: [new EthersAdapter()], networks: [polygon], metadata, projectId, themeMode: 'light', features: { analytics: false, email: false, // default to true socials: false, emailShowWallets: false, swaps: false, } })

modal.switchNetwork(polygon)

Philword commented 1 week ago

If anyone ever face with the same issue on NUXT3 here is the solution:

put this after initiate createAppKit:

if (process.client) {
  localStorage.setItem('@appkit/connected_connector', 'WALLET_CONNECT');
}