You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
For large trees, users may want to limit the height and make the tree scrollable.
Currently, setting height or max-height on ui5-tree will not work, because ui5-list ignores the set height and will overflow it's parent element.
Looks like the reason for this is that the child ui5-list ignores its parent's height.
(setting overflow:auto on ui5-tree would not work well because ui5-list is set to overflow:auto, too, which would create a second scrollbar.)
I tried to fix this by using addCustomCss, but I'm afraid this does not work. Possibly because it is another webcomponent with it's own shadow dom:
Describe the bug
For large trees, users may want to limit the height and make the tree scrollable.
Currently, setting height or max-height on ui5-tree will not work, because ui5-list ignores the set height and will overflow it's parent element.
Looks like the reason for this is that the child ui5-list ignores its parent's height.
(setting overflow:auto on ui5-tree would not work well because ui5-list is set to overflow:auto, too, which would create a second scrollbar.)
I tried to fix this by using addCustomCss, but I'm afraid this does not work. Possibly because it is another webcomponent with it's own shadow dom:
To reproduce
Create a ui5-tree with many entries and limit the height using css.
Expected behavior
ui5-list should not be higher than it's parent/should not overflow it.
It's maximal height within ui5-tree should be 100%.
Screenshots
If applicable, add screenshots to help explain your problem.
Context
The text was updated successfully, but these errors were encountered: