Search code examples
cssphantomjsyui-pure-css

phantomjs not honouring box-sizing


I'm using phantomjs (1.9.8) to get screenshots for a project. This project uses Pure CSS grids for responsive layout. Here is a stripped down HTML demo for what I'm doing:

http://output.jsbin.com/sobabiy/1

This is what phantomjs sees (viewport 1024x768): enter image description here

I'm a little rusty on my CSS skills, but my gut feeling is that somehow

box-sizing: border-box

isn't being taken in account, and the last node "drops" down. What other options do I have here?


Solution

  • Apparently upgrading to phantomjs 2.0 solved the problem.