Connect Button opens a modal overly inside my custom user menu

[fonko]

I was so happy when i saw this lib... but then I tried the connect button with its beautiful wallet selection popup and found out it was inflating itself inside my user's profile dropdown menu! :(

is there any way to fix this?

[Y0moo]

Hey @fonko, is the user's profile dropdown have "position: absolute" or made by portal?

[Y0moo]

Please install web3uikit@0.1.112-beta.0 and let me know how it works for you

yarn remove web3uikit yarn add web3uikit@0.1.112-beta.0

[fonko]

position: absolute

yes, it has: div (position absolute) -> div -> connect button

[fonko]

Please install web3uikit@0.1.112-beta.0 and let me know how it works for you

yarn remove web3uikit yarn add web3uikit@0.1.112-beta.0

it didn't fix it. I had to take it out of the dropdown, if I use the button next to the avatar image (same level) it works.

[fonko]

Also, it would be great to be able to change buttons text on demand I, for example, speak Spanish and the site we are building is mainly for Spanish users

[Y0moo]

Could you share your Github repo with me to check?

[0xPr0f]

@fonko https://github.com/web3ui/web3uikit/pull/496 This pull request should allow changing of button and modal text

[BillyG83]

yeah @fonko this seems like a simple CSS issue, please hit me with a link or a gitHub i can clone i bet i can fix this for you bud

[Lucienest]

@Y0moo facing the exact same issue, placed it on the bottom navigation bar

    zIndex: '100';
    position: 'fixed';
    bottom: '0';
    left: '50%';
    transform: 'translateX(-50%)';

[osamajandali]

Closing this for now as it seems the issue not related to the kit. If the problems you facing still persists please feel free to re-open the issue and share with us the repo url so we can help you fix it.