Tooltip destroys ColumnSize

[NeoCoderMatrix86]

I'm using the Tooltip on a TextEdit inside a Field Body, but the Column Size gets destroyed:

Code:

<Field Horizontal="true">
                    <FieldLabel ColumnSize="ColumnSize.Is2.OnFullHD.Is3.OnDesktop.Is4.OnTablet.Is5.OnMobile">@localizer["ExportProfileSchemeHead"]</FieldLabel>
                    <FieldBody ColumnSize="ColumnSize.Is10.OnFullHD.Is9.OnDesktop.Is8.OnTablet.Is7.OnMobile">
                        <Addons>
                            <Addon AddonType="AddonType.Body">
                                <Tooltip Placement="Placement.Top" Text="@localizer["EnterExportSchemeHeadHereTooltip"]">
                                    <TextEdit Placeholder="@localizer["EnterExportSchemeHeadHere"]" @bind-Text="SelectedExportProfile.SchemeHead.Scheme" />
                                </Tooltip>
                            </Addon>
                            <Addon AddonType="AddonType.End">
                                <Dropdown>
                                    <DropdownToggle Color="Color.Secondary">
                                        @localizer["SelectPlaceholder"]
                                    </DropdownToggle>
                                    <DropdownMenu>
                                        @foreach (var availableScheme in ExportScheme.AvailableCuesheetSchemes)
                                        {
                                            <DropdownItem Clicked="() => SelectedExportProfile.SchemeHead.Scheme += availableScheme.Value">@localizer[availableScheme.Key]</DropdownItem>
                                        }
                                    </DropdownMenu>
                                </Dropdown>
                            </Addon>
                        </Addons>
                    </FieldBody>
                </Field>

Result:
(https://user-images.githubusercontent.com/40752681/103665877-38a3ed80-4f74-11eb-8f10-0f7185a99096.png)

[stsrki]

Bootstrap addons are pretty limited, in terms that their structure is fairly sensitive. And since in this case, Tooltip inserts a div between Addon and TextEdit it will also break specific CSS selectors that come by bootstrap.

I still need to decide if it makes sense to fix this, at least in Bootstrap 4.x. For Bootstrap 5 there were a lot of breaking changes and addons have been somewhat optimized. So I will need to investigate more once I start the upgrade to B5. For now, I will put this ticket in the backlog.

[NeoCoderMatrix86]

Thanks for the fast reply :). So, you have any suggestions for a workaround?