If we don't add this CSS the tooltip will hide and then again appear when having the inner icon - so you can choose which behavior suits you better.
If we want to have tooltip centred even when we remove the label we also have to set some position as 'bottom' for example - otherwise the tooltip is position with 'auto' as it is explained in 1).
If you have further questions or still observe unusual behavior please let us know again so we could inspect it once again.
Regards,
Plamen
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Shashwat
Posted on:26 May 2022 08:50
Understand about the first point: about missing of 'position' option.
For second point: I am unable to find changes that disable pointer events in the second snippet. Could you please confirm what I should look at?
Also, if I remove the label of the button in your second code snippet (only keep the icon), even then the label isn't at the center.
ADMIN
Plamen
Posted on:26 May 2022 05:51
Hello,
By default the position of the tooltip is 'auto' and in this case it is positioning itself so that is is visible on the screen. Having this in mind this positioning is expected with this setting. If we want to position the tooltip so that it is pointing the icon we can set the position to 'bottom' for example - :position="'bottom'" - https://stackblitz.com/edit/vue-faurrm?file=src%2FApp.vue
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.