HxButtonGroup does not work when containing HxButtons using tooltip

[oscar230]

Bug

When using tooltips on buttons inside of a HxButtonGroup the buttons with tooltips are rendered as ungrouped, I've encountered this bug several times.

Image of a broken HxButtonGroup

Image of the broken HxButtonGroup with the HxButtons tooltip showing.

Code

<div class="col-12">
    <HxButtonGroup>
        <HxButton Color="ThemeColor.Secondary" Size="ButtonSize.Small" Icon="BootstrapIcon.CheckAll" Text="@buttonSelectAllText" Tooltip="@buttonSelectAllTooltipText" OnClick="SelectAll" />
        <HxButton Color="ThemeColor.Secondary" Size="ButtonSize.Small" Icon="BootstrapIcon.CheckAll" Text="@buttonSelectImportantText" Tooltip="@buttonSelectImportantTooltipText" OnClick="SelectImportant" />
    </HxButtonGroup>
</div>

Version

• C# .NET version 6.0.16 <TargetFramework>net6.0</TargetFramework>
• Blazor Server (not WASM) Razor language support 7.0.203. C:\Program Files\dotnet\sdk\7.0.203\Sdks\Microsoft.NET.Sdk.Razor\targets\..\source-generators\Microsoft.AspNetCore.Razor.Language.dll
• Havit.Blazor.Components.Web.Bootstrap 4.4.1 (latest at time of writing). <PackageReference Include="Havit.Blazor.Components.Web.Bootstrap" Version="4.4.1" />

Expected behavior

[hakenr]

This behavior is intentional and documented here: https://havit.blazor.eu/components/HxButtonGroup#buttons-with-tooltips

If you need to use tooltips for buttons within button groups, consider using attribute splatting to apply raw Bootstrap tooltip attributes to the buttons.

[oscar230]

Alright, thanks @hakenr I didn't know that :)