Tree Grid - pinned columns - stretch the height

Widgets
1

10
101154×1304 114 KB

when s rolling left and right the pinned columns have a box shadow to make a vertical line,
for some reason it doesnt work for me on a tree grid.

the box shadow is on the left and right sides of the table-body-row, and those elements have display flex.
as you can see in the picture, the box shadows do not fill the entire height of the line, and giving it simply height: 100% does not work.

changing displays and position also does not work and require and complete overhaul of the entire table. and hinders its functionality.

any ideas how to fix it?

how to reproduce:
you can see it live on: <INTERNAL_LINK>

go to Vordrucke → FSE → FSE EUN → 201702 → Arbeitsversion → EUN

open some nodes of the tree to have contents → click on one of the nodes to open the field editor → and now scroll the table to the right with the horizontal scroller at the bottom.

2

Hi @itzhak-broad-chasm,

I checked in the code and see that there are 2 extra lines of CSS set for class .grid__contentRow as below

.grid_contentRow {
    align_items: center;
    justify_content: center;
}

When I uncheck the align_items: center, the issue is fixed. Because I don’t see those css code in Widgets, may you help me to clarify:

  1. I think it is set on purpose. Could you please help me to check what it is for and can we remove it?
  2. Could you please also specify the Widgets version you are using for a better checking and finding a solution?

Thank you. :slight_smile:

3

Hi,
first Happy new year and thank you for your help.

you are correct, it was made on purpose, but it was made long time ago in an effort to center things in the grid, I believe it is not necessary anymore, I removed it and checked chrome and safari and it looks good.

I will close the ticket,
thanks again.

Itzik.