@gvanberkel

Thanks for reporting the issue. Should be fixed in latest code now.

Working great!
You guys have such amazing turnaround time on reported issues.
Something to personally aspire to.

@gvanberkel

The issue you reported was caused by the way we force hardware acceleration on WebKit browsers: we set -webkit-transform: translate3d(0,0,0); for the divs that are animated. The fix was setting the same rule for all divs in the content.

However, we noticed that this causes problems with at least one widget (rangeslider) so I removed the fix. It only appears to be a problem when column-count is used to layout a form. Since there is no way to narrow the scope so the fix would only apply in this situation, we can't fix this in the framework. I added information about the issue and how to fix it to the panel documentation.

This means you have to add the fix in your custom CSS. I added it on your test page: http://jsbin.com/uhefac/25/edit

While looking into this again I noticed some other issues with column-count in general. Maybe you already found out, but if not...

column-count and box-shadow don't seem to play nice together. In the first collapsible, on Chrome, when the first input in the right column gets focus you see the top of the focus style at the bottom of the left column. On Firefox it was even worse, the whole input moves to the first column when it has the focus style. The fix for this is to set a bit top and bottom margin on the form elements.

Also the first collapsible, Chrome renders the top half of the input in the left column and the bottom half in the right column on certain screen widths. To prevent this you can set -webkit-column-break-inside: avoid; for the field containers.

Thanks for this extra info. I did indeed come up against these very issues. I fixed it in a more round about way playing with various styles (mostly disabling the external glow). I'll use the CSSs you suggested.

I have since switched to using the JQM column classes with much success. I'd be happy to close this issue.