I found Philip Walton’s excellent site of flex box implementations of basic layouts and have been trying to duplicate the sticky footer layout myself.
It works very well! Except that in Safari 7.0.5, the footer does not behave as expected in straight vertical page resizes.
Check out my replication of the technique below:
http://codepen.io/Rocketpilot/full/f813cf7854371e211758f98de04a5e00
Now, resize the window on the vertical axis until it’s about half its original size. Refresh.
Then, resize the window down until it’s full size again. You’ll see in most flex box supporting browsers that the footer sticks to the bottom of the screen. In Safari, it might jump down a little, but otherwise will stay where it is.
(Weirdly it happens more reliably when the resizing cursor is the straight up-and-down arrows, not the window corner cursor)
Is this a known bug? Is there a workaround?