LeaVerou/dabblet — Issue #22: Strange clipping in logo on webkits
Author: kizu
Created: 2011-12-14 21:00:52+00:00
State: open

Another minor issue, but which easily catches my attention every time: In the logo the tops of the letters sometime disappear. It seems, that it's some webkit rendering bug, I've managed to reproduce it in two ways:

- by changing the view modes in Safari: look at the top left corner of [this video](http://i.kizu.ru/misc/D/clipping.mov).
- by scrolling the page on Lion: reproduces both in Chrome and Safari. [Video](http://i.kizu.ru/misc/D/clipping-scrolling.mov).

I've tried to find a way to fix this, but with no luck for easy solutions. The not-so-nice one is to just add the usual “webkit's zoom” hack to `header>h1`: `-webkit-transform: translateZ(0)` or similar.