-
Notifications
You must be signed in to change notification settings - Fork 603
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Button group borders not squared when used with a tooltip #1008
Comments
This should have been fixed by #999 already, can you try with the latest edge version? https://ui.nuxt.com/getting-started/installation#edge |
I've just tried, and that does not fix it. In my case I end up with a backwards(?) result: edit: <UButtonGroup>
<USelectMenu option-attribute="name" searchable v-if="showSelectMenu" :loading="loading" v-model="currentMerchant"
:options="merchants">
<template #label>
<UIcon name="i-heroicons-building-storefront-solid" />
{{ currentMerchant?.name ?? 'Select merchant' }}
</template>
</USelectMenu>
<UTooltip text="Create a new merchant">
<UButton color="white" icon="i-heroicons-plus-20-solid" @click="navigateTo('/welcome')" />
</UTooltip>
</UButtonGroup> |
The |
That link still didn't work for me. I had to kill the server, run |
Oh wow, you're right, I wasn't on the edge version correctly. Works great for me locally as well, thanks a bunch! |
Environment
Version
2.10.0
Reproduction
https://stackblitz.com/edit/nuxt-ui-2qtg4j?file=app.vue
Description
A button group where one element includes a tooltip as a wrapper causes the element to not have its borders squared
Additional context
No response
Logs
No response
The text was updated successfully, but these errors were encountered: