KineticJS icon indicating copy to clipboard operation
KineticJS copied to clipboard

Display: inline-block

Open fghibellini opened this issue 10 years ago • 4 comments

issue shows up when you try to make a full screen stage.

the .kineticjs-content element has the css property display set to inline-block. When you try to set the stage the same size of the window there will always be some space under the .kineticjs-content element causing the display of scrollbars, because the inline-block element sits on the baseline of the container (this behaviour is needed for displaying font descenders).

quick-fix: add css rule .kineticjs-content { display: block !important; } or .kineticjs-content { vertical-align: top !important; } to your stylesheet

this is not really a bug but i was wondering why the .kineticjs-content element is displayed as inline-block, and i thought it should be noted somewhere becouse it took me quite a while to figure out where the extra space is coming from.

fghibellini avatar Jul 31 '13 13:07 fghibellini