Unable to click the Connect Wallet button
imcharlessunday opened this issue · 7 comments
Hi, I'm unable to click the Connect Wallet button after refreshing the page, at 1:36:20 in the video tutorial. There seems to be something blocking the cursor from changing to pointer, and blocking the button from being clicked. Anyone else run into this issue?
PS: Interestingly enough, when I refresh the page and very quickly place my mouse over the Connect Wallet button, I am briefly able to click the button and open the Metamask Pop-up as usual. But, when the page is fully refreshed, the cursor goes back to the default arrow pointer, and I am unable to click the button.
Your help would be greatly appreciated
yess i am facing the exact same problem
please help me out
@adrianhajdin please consider it ....
Guys, I found a short-term solution to this by just adding the following to the index.css file in the react-app folder:
iframe {
pointer-events: none;
}
There may be a better solution to this that involves updating react-scripts, adding resolutions or overrides (again) to the package.json file, and maybe even installing npm again — but I didn't have much success doing that without having to start the project all over again. So, hope this helps. Good luck!
For reference, here is a link to the very same problem with more suggested solutions you can try:
iframe {
pointer-events: none;
}
thanks Charles it did work , but why u said it short term solution , will it stop working after a certain period ....
by the way again thank you so much for the help ...
@W3Charles
No. Perhaps, I used the wrong word. It shouldn't stop working after a certain period, but it may not be considered "best practice". It basically disables all iframes. So, if you have another iframe that you want to work with within the app, you might have to find another workaround for that particular iframe again, that's all. But that shouldn't be a problem when creating this app. Hope that helps. Good luck