Почему пограничная коробка 3px слишком длинная в Chrome с KineticJS?

Question

Когда что-то имеет tabindex в Google Chrome, он помещает в него поле, чтобы показать, что оно выбрано. Однако с KineticJS в Chrome пограничная рамка кажется слишком длинной 3 пикселя и выглядит уродливой.

Если Кинетическая стадия задана высотой 100 пикселей и содержащим div размером 100 пикселей, Chrome считает, что содержащий div имеет высоту 103 пикселя.

Это можно увидеть здесь: 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' 
}); 

Answer 1

Как представляется, вызвало Kinet этап элемент микросхемы является такой же высоты, как его контейнера, а также быть display: inline-block

Имея CSS:

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

будет исправить это, но я понятия не имею, если это вызовет у вас никаких проблем с Кинетический библиотека не имея никогда использовал его.

http://jsfiddle.net/TmfpG/