We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

Horizontal scroll disappears on hiding vertical scroll

Answered
Tanushree asked on February 11, 2021

Hello Team,
We are hiding outer vertical scroll in order to prevent double vertical scroll.
This however also hides horizontal scroll in the grid.
Fiddle for reference: https://jsfiddle.net/06gtex5k/
Thanks,
Tanushree

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster February 12, 2021

Hello,
 
Thank you for contacting us.
 
We did not manage to reproduce this problem using the provided example.
 
Do you think you could prepare a screencast demonstrating this problem?
 
Our team is looking forward to hearing from you.
 
Regards,
Illia

Public
Tanushree February 12, 2021

Hi Illia,
Please find attached screenshot which shows that there is no horizontal scroll even if there are more columns not fitting in the screen.
So my point is why the x-scroll disappears if we are only hiding y-scroll:
"overlay-y: hidden;"
Thanks,
Tanushree

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster February 15, 2021

Hello,
 
Thank you for providing the screenshot.
 
The reason for the issue is that Flexmonster is not fully visible on the page.
When a vertical scroll is disabled, you lose the possibility of scrolling down to the bottom edge of the component and seeing the scrollbar.
Please make sure Flexmonster is fully visible on the page in your case.
 
We hope it helps.
 
Regards,
Illia

Please login or Register to Submit Answer