javascript - KineticJSを搭載したChromeでボーダーボックスが3px長すぎるのはなぜですか？

Question

Google Chromeでタブインデックスがある場合は、その周りにボックスを配置して、選択されていることを示します。ただし、KineticJSを使用すると、Chromeでは境界ボックスが3ピクセル長すぎて、見栄えが悪くなります。

キネティックステージに100pxの高さと100pxの包含divが指定されている場合、Chromeは包含divが103pxの高さであると見なします。

これはここで見ることができます：http：//jsfiddle.net/UbxjT/

HTML：

<div id='project1' tabindex=1></div>

CSS：

#project1 {
    width: 500px;
    height: 100px;
    border: 1px solid black;
}

JavaScript：

var stage1 = new Kinetic.Stage({
    container: 'project1',
    width: '500',
    height: '100'
});

score 1 · Accepted Answer

キネティックステージ要素がコンテナと同じ高さであり、display: inline-block

cssを持っている：

.kineticjs-content {
  display: block !important;
}

これは修正されますが、これがキネティックライブラリを使用したことがないという問題が発生するかどうかはわかりません。

1 に答える 1