rainbowkit icon indicating copy to clipboard operation
rainbowkit copied to clipboard

[bug] Mobile landscape cannot tap on wallet icons

Open clacladev opened this issue 1 year ago • 0 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

RainbowKit Version

latest

wagmi Version

latest

Current Behavior

On iPhone 15 pro max (big screen) on landscape mode, the desktop style popup will appear. If on my browser I have the zoom on (e.g. 125%) the popup will not fit in the entire screen, hiding the wallet icons. Therefore a user will not be able to connect a wallet.

https://github.com/user-attachments/assets/89ac2509-507b-4b5b-8c22-ca0dc177102b

Expected Behavior

I want to be able to scroll the popup vertically when it does not fit in the screen, so I can connect my wallet.

Steps To Reproduce

  • Open http://rainbowkit.com on mobile
  • Tap Connect Wallet
  • Turn the phone in landscape
  • If the popup fits entirely in the screen (big enough screen), then increase the page zoom
  • Try to swipe up and down: nothing will happen

Link to Minimal Reproducible Example (CodeSandbox, StackBlitz, etc.)

No response

Anything else?

Our uses on https://matcha.xyz are experiencing the same issue.

clacladev avatar Aug 29 '24 10:08 clacladev