safariでblurに対してoverflow:hiddenが効かない

safariで子要素にblurをかけている際にoverflow:hiddenが効かなかったのでメモ。

Sample

.wrap要素にoverflow: hidden, .pctに対してblurをかけていますが、
safariではうまく動作していません。
そこで、.hack要素にtransform: translate(0)を指定することで解決できます。

.wrap {
  width: 100px;
  height: 100px;
  margin: 10px;
  overflow: hidden;
}

.pct {
  -webkit-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.pct.hack {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}