iTwin / appui

Monorepo for iTwin.js AppUi
MIT License
8 stars 2 forks source link

Virtualized Grid Nodes Content is not getting clipped properly #813

Closed jjbeckman13 closed 4 months ago

jjbeckman13 commented 4 months ago

Describe the bug

In the event the virtualized grid is used, the size of the container item is bigger than the visible area which leads to the problem shown in the image below. image

Making the change below fixes the issue, but I am not sure if this is the right change.

.virtualized-grid-node-content-wrapper-item {
    overflow: hidden;
}

To Reproduce

Open an iModel and select an element to see its properties. Decrease the size of the widget to the point where the length of one of the Property Categories is longer than the allowed space

Expected Behavior

image

Screenshots

No response

Desktop (please complete the applicable information)

No response

Additional context

No response