List layout issues

Get Help
1

Hi everyone,

I m having some issues with list layout.

  1. I have a list that is overlapping other elements or it should not be.

image
image893×1711 199 KB
here is what I get

image
image1643×1430 264 KB

and here is how I set up my list with the layout settings. The list is going from the top to the bottom bar.

  1. I have another list that going too far below the bottom bar and I can not scroll any further to get the bottom of the last element of my list

image
image868×1714 154 KB

the list is set up the same way as the first one

  1. I have another list that is also overlapping another element

image
image856×1709 60.6 KB

and it should stay under the dropdown element

image
image2005×1184 237 KB

I don’t know how I can get rid of these layout problems with those lists (groups, other layout settings, screen height (currently 800) ??). I would like to make sure my list top and bottom are fixed regarding the other elements

Thank you for your help

2

yes i follow this one

3

Hi @lolover22,

Just in case: if you enable “Sticky while scrolling”, this means the element should remain at the same vertical position on the screen, irrespective of the screen scroll.
This is usually used for top navigation bar, bottom menu, floating action button.

If you enable this for the list - the list will not scroll.

Best,
Victor.

5

Hey @Victor

Thank you for your advice. I have tried to disable the “Sticky while scrolling” but I still have the same issues…

6

Hello @lolover22,

Do you mean that your issue #2 is still present when you disable “sticky while scrolling”? If yes - you need to check if there is another component (parent or child) has this option enabled.

Best,
Victor.