Hi Matthias Krüger,
Starting with version 32.1.19, the title attribute will be removed from Tooltip targets when the tooltip initializes. If you have been using title as a selector, please note that it will no longer work. Instead, we recommend using ID or class selectors.
By default, the Tooltip in Syncfusion Blazor may remain open in the following situation:
- When the Target is set to an attribute selector like [title], it matches elements with a title attribute.
- Since the tooltip is triggered on hover, the browser’s native tooltip (from the title attribute) interferes.
- As a result, Syncfusion’s Tooltip does not receive the proper mouseleave event to close.
- Release Notes: Essential Studio for Blazor Release Notes
In your case, the configuration is:
<SfTooltip ID="BasicTooltip" Target="[title]" TargetContainer=".tooltip-container" Content="@Content"> </SfTooltip> <div class="tooltip-container"> <span title="Static tooltip">Static Element</span> </div> @code { public string Content { get; set; } = "My Content"; } |
Here, the [title] selector matches <span title="Static tooltip">. The Syncfusion Tooltip opens, but it doesn’t close because of the clash with the browser’s native tooltip.
How to Fix
To resolve this, please avoid using [title] as the selector. Instead, assign a class or ID to your element and target that. For example:
<SfTooltip ID="BasicTooltip" Target=".tooltip-container" TargetContainer=".tooltip-container" Content="@Content"> </SfTooltip> <div class="tooltip-container"> <span title="Static tooltip">Static Element</span> </div> @code { public string Content { get; set; } = "My Content"; } |
This approach ensures that the Syncfusion Tooltip works independently without interference from the browser’s native tooltip.
I hope this explanation helps clarify the behavior and provides a smooth resolution.
