html - WebKit がこのテキストを適切に再描画しないのはなぜですか?

Question

私は WebKit レンダラーに関してかなり具体的な問題を抱えています。テキストノードの選択ボックスを超えるディセンダーまたはアセンダーがテキストノードにあり、そのテキストノードの位置が変更された場合、WebKit は正しい領域を再描画しません。

Windows 7 の Chrome ではJ、アニメーション中にのディセンダーが途切れます。テキストノードにマージンを追加することで修正できますが、これはちょっとしたハックであり、レイアウトに問題があります。他のブラウザでこれを見た人はいますか？なぜそれが起こっているのですか？

score 1 · Accepted Answer

私はルールpadding-left: 5px;上で投げました.Jはボックスの外にありました.#container p

それが役立つことを願っています。

*パディングがレイアウトを台無しにするかどうかはわかりませんが、私はそう思います。

score 0 · Accepted Answer

これは Webkit のバグのようです。バウンディングボックスの外側にペイントされたピクセルがあることを Webkit に知らせる必要があります。これはいくつかの方法で実行できますが、簡単なテストで見つかった 2 つの方法を次に示します。

#expand {
    height: 0px;
    box-shadow: 0 0 0 5px rgba(0,0,0,0);
}

#expand {
    height: 0px;
    outline: solid transparent 5px;
}

outline性能は上だと思います。

追加してもうまくいくよう#expandですp。Chrome には、再描画領域がどのように機能するかを確認できるフラグがいくつかありますが、現時点では手元にありません。

2 に答える 2