ng2-tree icon indicating copy to clipboard operation
ng2-tree copied to clipboard

Published 20 hours ago • verified publisher icon valor-software

Container Overflow causes wrong Position of Elements

Open karstensgit opened this issue 6 years ago • 4 comments

Hi. I want to place the Tree inside a Container with limited width (e.g. col-2 in Bootstraps grid system). However if i have an element which needs more space (from the example: named a node 'Michael Jacksonnnnnnnnnnnnnnnnn'), there is a blank line inserted above the element and the element gets horizontally aligned with its parent. I already added per CSS 'overflow: auto' to different elements (container, tree-container, tree-content and even the inside the tree-tag itself, but the misplacement happens before the overflow bar occures. See screenshot for more details: screenshot-2017-12-18 mein gotz

karstensgit avatar Dec 18 '17 07:12 karstensgit

@karstensgit Could you, please, reproduce this bug in here https://stackblitz.com/ ?

rychkog avatar Feb 03 '18 21:02 rychkog

this bug has sovled?

aaalsh avatar May 16 '18 07:05 aaalsh

sorry, i completely forgot about this: unfortunately i am not able to setup a stackblitz reproduction, because stackblitz wont let me use the newest package version. If i enter the dependency it will always install v1.0.0. I am new to stackblitz, is there a solution for this?

karstensgit avatar May 28 '18 10:05 karstensgit

basically you can reproduce this by opening the demo app and adding "width: 150px" to any of the <div class="tree-content"> elements.

karstensgit avatar May 30 '18 08:05 karstensgit