I have a few radiobuttons that are styled as a togglers with a quick animation to give the toggling feel. Like this image shows
It works great on pretty much every browser….. but hold and behold! IE11 want’s to be different! Every time I clicked on the toggler, it would ”wobble”. Expanding itself quickly and back .
The issue was that the parent, holding the radiobuttons had it’s side paddings in percentage. Somehow, IE11 forgets the padding when it does a transition and therefor it felt like it expanded, which it did, cause it grew to fill the entire width of the parent.
I simply changed from % to em and IE11 could then animate it without a problem.