walletconnect-example-dapp
walletconnect-example-dapp copied to clipboard
Completely broken, blank page after connecting with metamask
On an Android mobile phone with MetaMask installed:
When I try the live demo at http://example.walletconnect.org/ it works as expected
When, however, I build it and deploy it to my own server, it seems to suffer from a very similar issue as this vanilla-js version does: https://github.com/Web3Modal/web3modal-vanilla-js-example/issues/35
- In Chrome, I go to where I've deployed the build: https:/opentarget.org/test/wc-example-b
- I tap on Connect to WalletConnect
- A modal shows up with two tabs: "Mobile" and "Qr Code". "Mobile" is selected by default, and there's a "Connect" button
- I tap on Connect
- Another modal, this one belonging to the Android OS, asks me to choose which app to use: Chrome or MetaMask. I choose MetaMask
(steps 6-8 may happen or not, randomly)
- 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
(continue either from step 8 or from step 5)
- MetaMask pops up, 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 main tab with the demo
- The page is completely blank . I have no idea if there are error messages in the console, but there's definitely none in the page.
If I reload and retry, after step 2 I get a blank page and nothing happens (does not open MetaMask), and no matter how many times I retry, that's all I get.
If I clear the cookies, then I can repeat the process from the beginning, but I still get the same result as above (randomly with or without steps 6-8).
Send your phase number
@.***> wrote:
On an Android mobile phone with MetaMask installed:
When I try the live demo at http://example.walletconnect.org/ it works as expected
When, however, I build it and deploy it to my own server, it seems to suffer from a very similar issue as this vanilla-js version does: Web3Modal/web3modal-vanilla-js-example#35 https://github.com/Web3Modal/web3modal-vanilla-js-example/issues/35
- In Chrome, I go to where I've deployed the build: https:/ opentarget.org/test/wc-example-b
- I tap on Connect to WalletConnect
- A modal shows up with two tabs: "Mobile" and "Qr Code". "Mobile" is selected by default, and there's a "Connect" button
- I tap on Connect
- Another modal, this one belonging to the Android OS, asks me to choose which app to use: Chrome or MetaMask. I choose MetaMask
(steps 6-8 may happen or not, randomly)
- 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
(continue either from step 8 or from step 5)
- MetaMask pops up, 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 main tab with the demo
- The page is completely blank . I have no idea if there are error messages in the console, but there's definitely none in the page.
If I reload and retry, after step 2 I get a blank page and nothing happens (does not open MetaMask), and no matter how many times I retry, that's all I get.
If I clear the cookies, then I can repeat the process from the beginning, but I still get the same result as above (randomly with or without steps 6-8).
— Reply to this email directly, view it on GitHub https://github.com/WalletConnect/walletconnect-example-dapp/issues/93, or unsubscribe https://github.com/notifications/unsubscribe-auth/AX3KSDXB625MU5BGXNCXWGDVQRA5PANCNFSM5ZT6VBYA . You are receiving this because you are subscribed to this thread.Message ID: @.***>