Tooltip (with HTML content) doesn't open properly when rendering with delay and dynamic position #1785

New Issue

claunia · 2026-01-29T17:58:35Z

claunia commented

2026-01-29 17:58:35 +00:00

Originally created by @miniprice-origin-benefits on GitHub (Jun 10, 2025).

Describe the bug

When attempting to open a tooltip with HTML content and the content has no room to open in the defined position (e.g. bottom) the tooltip will constantly flicker open and close. Only when the mouse is moved away will the tooltip finally open without closing.

To Reproduce

You can reproduce the error on your own demo:

Go to your demo - https://blazor.radzen.com/tooltip?theme=material3-dark#tooltip-html-content
Edit the source and add a delay, e.g. Delay = 500, to the TooltipOptions.
Run the demo.
Scroll the page until the "Show tooltip" button is at the very bottom of the viewport and trigger the tooltip by hovering over the button - see "Scroll position" image.
Keep the mouse hovering and you will see the bug.

Expected behavior

The tooltip should appear on hover without flickering open and close.

Screenshots

Desktop (please complete the following information):

Windows
Chrome

Additional context

You can actually sometimes reproduce the issue on the tooltip with delay demo - https://blazor.radzen.com/tooltip?theme=material3-dark#tooltip-delay-duration - just do point 4.

Maybe a "red herring" but I checked the HTML locally and for some reason an initial tooltip is rendered with "display: block" when it should be "display: none" before the tooltip is re-rendered into its final position. I think this is what is causing the open and close since the initial tooltip should probably be hidden before displaying in its correct position.

Originally created by @miniprice-origin-benefits on GitHub (Jun 10, 2025). **Describe the bug** When attempting to open a tooltip with HTML content and the content has no room to open in the defined position (e.g. bottom) the tooltip will constantly flicker open and close. Only when the mouse is moved away will the tooltip finally open without closing. **To Reproduce** You can reproduce the error on your own demo: 1. Go to your demo - https://blazor.radzen.com/tooltip?theme=material3-dark#tooltip-html-content 2. Edit the source and add a delay, e.g. Delay = 500, to the TooltipOptions. 3. Run the demo. 4. Scroll the page until the "Show tooltip" button is at the very bottom of the viewport and trigger the tooltip by hovering over the button - see "Scroll position" image. 5. Keep the mouse hovering and you will see the bug. **Expected behavior** The tooltip should appear on hover without flickering open and close. **Screenshots** ![Scroll position](https://github.com/user-attachments/assets/8c6a2d62-2e7b-4f11-b24e-3aab9c1ea05f) **Desktop (please complete the following information):** - Windows - Chrome **Additional context** You can actually sometimes reproduce the issue on the tooltip with delay demo - https://blazor.radzen.com/tooltip?theme=material3-dark#tooltip-delay-duration - just do point 4. Maybe a "red herring" but I checked the HTML locally and for some reason an initial tooltip is rendered with "display: block" when it should be "display: none" before the tooltip is re-rendered into its final position. I think this is what is causing the open and close since the initial tooltip should probably be hidden before displaying in its correct position. ![Image](https://github.com/user-attachments/assets/865a69b8-081f-4adb-957c-46b7120badcb)

claunia referenced this issue

2026-01-29 18:20:56 +00:00

[PR #1785] [MERGED] NET9 support added #2894

claunia referenced this issue

2026-01-29 18:20:57 +00:00

[PR #1785] NET9 support added #2897

Sign in to join this conversation.