Connect button inside of element with backdrop-filter

[gguuttss]

Strange issue with the connect button I came across:

If the connect button is in an element with a backdrop-filter (such as the blur on a navbar), the connect button recognizes the element with the backdrop as the center of the screen and tries to center the connect popup in the center of the element with backdrop.

The cause of this might be that clicking the connect button creates a backdrop by itself too, and places the connect popup in the middle of this backdrop. If you already have a backdrop something goes wrong.

The issue is only noticable on small screens, because otherwise clicking the connect button doesn't create popup on the middle of the screen, but just shows the popup under the connect button.

I ran into this issue locally, but an example of the exact behaviour I'm encountering can be seen on https://radix.defiplaza.net/swap. They also use a navbar with a blur. To reproduce this bug you need a small screen. Using your phone is the easiest.