Multiple scroll bars in nested listviews

💬 App Building
4

Hi @ky_RetoolCom, just a warning that we don't generally recommend using a class selector like _container_mafzi_1, since these are generated class names and have potential to change during updates.

However, if the previous suggestion didn't work, I tried this out and was able to make it work using the following custom css:

  ._container_mafz1_1 {
    overflow: visible !important;
  }

An alternative solution to not affect all your list views, would be to name your list views something more specific, like outerListView and innerListView, and then you can use the following css which targets only listviews that have the case-sensitive word ListView in their name. (Note: this also is not guaranteed to work after every new release, but technically no custom css is)

[data-testid*=ListView] {
    overflow: visible !important;
  }

For both solutions, you also have to set the Spacing -> Height to Auto instead of Fixed for both list views.

1 Like