zygmax

@IndMI just want to make @mvaneijgen solution but with scale:true. In order to keep borderRadius look the same on every pill's width.

@mvaneijgenI believe its kinda reliable solution, but Im not sure how to calculate this borderRadius now. Looks like its the only missing piece is to properly calculate this. https://codepen.io/pawel-zygmunt/pen/jOXaVBN?editors=1111 I would like this to be always fully rounded.

@mvaneijgen Scale:false fixes issue, but instead animates width - its unwanted. Framer motion animates scale to make animation as smooth as possible, but it updates borderRadius on the fly. Hope it is also doable in gsap?

I've found similar codepen to my issue. Basically clicking on tabs changes pill's position. But when I added scale:true to Flip.from options it distorted borderRadius. I believe I should set borderRadius manually inside update function? But not sure how to do this. Please help