470
Views
8
Comments
Solved
[OutSystems UI] Silk UI Mobile popup scrolling is not smooth
Question
outsystems-ui
Reactive icon
Forge asset by OutSystems

Hi,

On mobile device if the content of popup is longer then screen size the scrolling is not smooth. Is it possible to fix?

Thank you.

2025-04-14 15-34-05
Daniel Sintrao
Solution

Hi Mykola,
I think I found a solution for the problem on iOS!

To have Momentum Scrolling on iOS the overflow property must be scroll and not auto.
So just overwrite on your theme the following class with this styles:

--- --- --- --- --- --- --- --- 

[data-popup] {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

--- --- --- --- --- --- --- --- 


Try and tell me if it works well!

UserImage.jpg
Ali Ahsan

Daniel Sintrão wrote:

Hi Mykola,
I think I found a solution for the problem on iOS!

To have Momentum Scrolling on iOS the overflow property must be scroll and not auto.
So just overwrite on your theme the following class with this styles:

--- --- --- --- --- --- --- --- 

[data-popup] {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

--- --- --- --- --- --- --- --- 


Try and tell me if it works well!


Thanks, it solved my problem. I am using a scrollable div inside a popup.

2025-04-14 15-34-05
Daniel Sintrao

Hi Mykola,

Which device did you test? iOS or Android?


2021-05-05 13-05-18
Mykola (Nick) Tkachenko

Hi Daniel,

On iOS 10.

I have popup on the page with tabs. scrolling overall is good except on popup window - I've tried with dynamic and static content and both gave same result scrolling is not smooth... I mean it works as it scrolls as long as you move finger on screen but if you swipe faster it doesn't scroll faster and doesn't have "elastic effect".

2025-04-14 15-34-05
Daniel Sintrao

I'll try some tests tomorrow on iOS to see if I can replicate the problem and find a easy solution.

I tested on android 7.1.2 and it looks like the video on attachment.

Just to confirm, the widget you're using is this?


20170706_174948_edited.mp4
2021-05-05 13-05-18
Mykola (Nick) Tkachenko

Yes, that's the widget and the scroll in iOS is also as on attached video. I'm not sure of how it usually scrolls on Android but on iOS on other widgets and pages the scroll is "elastic" if you swipe fast it scrolls really fast so you can go through long page very quick.

2025-04-14 15-34-05
Daniel Sintrao
Solution

Hi Mykola,
I think I found a solution for the problem on iOS!

To have Momentum Scrolling on iOS the overflow property must be scroll and not auto.
So just overwrite on your theme the following class with this styles:

--- --- --- --- --- --- --- --- 

[data-popup] {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

--- --- --- --- --- --- --- --- 


Try and tell me if it works well!

UserImage.jpg
Ali Ahsan

Daniel Sintrão wrote:

Hi Mykola,
I think I found a solution for the problem on iOS!

To have Momentum Scrolling on iOS the overflow property must be scroll and not auto.
So just overwrite on your theme the following class with this styles:

--- --- --- --- --- --- --- --- 

[data-popup] {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

--- --- --- --- --- --- --- --- 


Try and tell me if it works well!


Thanks, it solved my problem. I am using a scrollable div inside a popup.

2021-05-05 13-05-18
Mykola (Nick) Tkachenko

Hi Daniel,

Thank you very much for finding the solution - it works perfectly and also I now know the correct name of the feature:) 


Cheers,

Nick

2020-01-03 05-37-58
JEYASRI R

Hai,

I want to design the popup like this..Is it possible any one help me?..I have to set some css..but its not work,below the triangle is not fix end of the popup..

Thanks,

Jeyasri

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