Accordion glitch

[JustinDrake]

Chrome for Mac. Consider the example accordion in the docs. Each of the three collapsible panels has exactly the same content. Nevertheless, when successively clicking collapsible group 1, then collapsible group 2, group 3 moves a bit by a pixel or so; a subtle glitch.

[mdo]

Hmm, I don't see it on my end in Chrome for Mac.

[JustinDrake]

Just checked again. It's a 1px thing, quite subtle. Chrome 28.0.1500.95.

[mdo]

I see the heading almost ghosting when expanding/collapsing, but that's it. Is that the movement you're seeing or is it actually increasing/decreasing the height? We do some slight border-fu when toggling, but it should all add up nicely.

[mdo]

Doh, wrong issue.

[JustinDrake]

@mdo Observed on Chrome for Windows also.

[Merg1255]

add: the panels should be a few pixels closer to each other, same as with the original version of the plugin.

[mdo]

Alright, I think I fixed the 1px issue, but my 👀 might just be bugging out at this point.

The problem was font-size: 17.5px which was being rounded inconsistently depending on where it fell in the over document flow. I reduced the font-size for aesthetic purposes and then rounded to the highest whole number.