web3modal-vanilla-js-example
web3modal-vanilla-js-example copied to clipboard
Demo does not work on mobile with WalletConnect and the MetaMask app installed
- In my Android phone, I have the MetaMask app installed, latest version.
- In Chrome, I go to https://web3modal.github.io/web3modal-vanilla-js-example/
- I tap on Connect Wallet
- A modal shows up offering me two choices: WalletConnect and Fortmatic.
- I tap on Wallet Connect
- Another modal, this one belonging to the Android OS, asks me to choose which app to use: Chrome or MetaMask. I choose MetaMask
- This gives focus to the MetaMask app, but MetaMask does nothing. It does not ask me to connect, or anything else. It just shows the main screen where I see my balance
- I manually come back to Chrome, where I had the above url open. Now I find a blank page in a new tab, so I close it and go back to the tab where I have the above url open
- I tap on the "Connect Wallet" button again. I repeat steps 3-5
- MetaMask pops up again, and this time does ask me to accept connecting to your webpage. I say yes
- It automatically closes Metamask and redirects me back to chrome
- again like in step 7, I find myself in a new blank tab, so I close it and go back to the tab with your demo
- There's a text that says "No wallet connected. Connect wallet to show accounts and their ETH balance". The "Connect Wallet" button below is greyed out and does nothing.
- I refresh the page. There's still the same text but now the "Connect Wallet" button is enabled
- I tap on it
- the modal shows up like at step 3 asking me to choose between WalletConnect and Fortmatic. I choose WalletConnect
- This does nothing. It does not show Android's dialog to choose an app and it does not open MetaMask. It just closes the dialog and I'm still at your page with the text that says "No wallet connected bla bla bla" and the Connect Wallet button is greyed out.
I retried again reloading the page and it always repeats steps 12-16. I never got to open MetaMask again.
I wouldn't be surprised if there was a bug in MetaMask involved here.
By clearing cookies (and ONLY by clearing cookies), I'm able to restart from step 1. Sometimes it will skip steps 6-8, and MetaMask will ask me to connect at the first try, but still after that the result is the same. At no point, ever, do I manage to see my account details in your page.