Need More Info
Last Updated: 30 Jan 2026 16:26 by ADMIN
Isaac
Created on: 23 Jan 2026 21:11
Category: Kendo UI for Angular
Type: Bug Report
0
Radio buttons inner dot off center on firefox when browser resized to hit a breakpoint or when a bounce animation occurs.

In firefox, open the Kendo Radio Button documentation and slowly resize the window (https://www.telerik.com/kendo-angular-ui/components/inputs/radiobutton)

The radio button will kind of jiggle around and occasionally the white dot in the radio button will become off-center.

image-2026-01-15-14-27-31-711.png

This also seems to happen in response to some material bouncy (cubic-bezier) animation transitions.

1 comment
ADMIN
Zornitsa
Posted on: 30 Jan 2026 16:26

Hi Isaac,

Thank you for the details provided.

I tested the linked RadioButton demo on Firefox and can confirm that, under certain conditions (when resizing the browser window only on very particular resolutions), the inner dot of the RadioButton can briefly appear off-center.

After further investigation, an important thing I noticed is that this behavior occurs only on our documentation site. To be more comprehensive, when the demo is opened in a new browser window, the RadioButton issue does not reproduce when resizing the browser window - the dot is centered at all times, no matter the resolution. Feel free to test it out yourself through the below link:

In this line of thought, this finding suggests that the misalignment behavior is related to the documentation site's styling context rather than the RadioButton component itself. Moreover, the issue appears to be specific to Firefox and does not occur in the same way in other browsers like Chrome or Edge.

With the above being said, since the issue appears to not be caused by any styles of the RadioButton component specifically, we rather do not recognize the behavior as a bug in the RadioButton component itself.

Having said that, if you happen to have a specific scenario where this issue causes significant usability problems on standalone projects as well (not only on the documentation site), please provide more details about the RadioButton configuration, any custom CSS, layout, or animation settings used on your side. A minimal reproducible example would also be helpful for further investigation.

Please observe the provided information and let me know if I am missing something.

Regards,
Zornitsa
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.