This is an extract from my project.
When trying to resize the circles all goes well. But the purple one with the border gets bigger than expected.
Further more all the other circles with border resize spontaneously.
Is this a bug?
Thank you for your fast response Mark.
In the beginning.... all circles are 34px. The purple (26px) with the border(4px) as well.
I want them to resize to 44px.
I can see that the purple inner circle is just as big as the other ones.
But that is not what I want. I want the circle including the border get to 44px.
when I change the purple one to 36px it gets the same size. Problem is the border. That does not increase in size.
In Hype world (and the IDE) the border is counted as part of the circle. In regular CSS (and that is what you are using) the border is not part of the width/height. Either use the Hype API or set the CSS property box-sizing: border-box; although that can lead to some glitches in the IDE.
Actually the problem is not solved. I've been working too long on this. It seemed solved because I changed the pixels to 36 instead of 44.
And in my project strange things still happen. Need to look at it tomorrow.