300
Views
2
Comments
Solved
[OutSystems UI] List in Tabs not firing OnScrollEnding
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive
Platform Version
11.18.1 (Build 37828)

Hello All,

I'm having problems with Lists inside TabContentItem not firing the OnScrollEnding event.

I've attached the example TabScrollEndTest App with two screens:

  • ListFree - A normal List with all OnScrollEnding events firing
  • TabWithList - A List inside a TabContentItem where no OnScrollEnding fire

Can you help with this issue? Is there any workaround/configuration I am missing?

Thank you.

CA

TabScrollEndTest.oap
2022-01-13 11-39-41
Bernardo Cardoso
Staff
Solution

Hi @Carlos Alfaro,

The issue is caused by a incompatibility with the overflow CSS property from the Tabs.


You can add this CSS to fix the issue:

.osui-tabs__content-item {    

     overflow-y:initial;

}


Please note, that if you intend to have other tabs that won't have a OnScrollEnding behaviour, you might want to also add this line, to prevent the scroll to affect all tabs:

.osui-tabs__content-item:not(.osui-tabs--is-active) {    

     display: none;

}


Best regards,

Bernardo Cardoso

2021-08-03 15-40-28
mário correia

I tested this CSS, but it still doesn't work. Can put up a demo. I attach my demo

OnScroll_Demo.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.