We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Scrolling on Mobile

Thread ID:

Created:

Updated:

Platform:

Replies:

143089 Mar 4,2019 04:46 PM UTC Mar 6,2019 12:10 PM UTC JavaScript - EJ 2 5
loading
Tags: Grid
Miguel Varela Rodriguez
Asked On March 4, 2019 04:46 PM UTC

Hi Syncfusion Team,

i have a Grid element on a page, it looks fine on desktop. But on Mobile i got some scrolling issue.

The problem is i cant scroll the page.

i attach 2 screenshots one from desktop and one from mobile.

Attachment: screenshots_8ed8c95.rar

Pavithra Subramaniyam [Syncfusion]
Replied On March 5, 2019 10:39 AM UTC

Hi Miguel, 
 
Thanks for contacting Syncfusion support. 
 
By default, browser scroller will be rendered when the html element height exceeds the browser height. But in your case this scrollbar was not rendered properly in mobile mode. So we suspect that you have provided some specific height for the parent element. May be that height caused this issue. So please ensure this in your project. If it’s not working, then please render the browser scrollbar manually by setting overflow property as auto for an parent element of that page like as following code snippet, 
 
<div style='overflow:auto'> 
 
    ... 
 
</div> 
 
Still, if you facing the same issue please share the following details for further assistance 
 
  1. From the screenshot you have rendered some html elements before the Grid. So please share the code snippet of the html element and Grid.
  2. If you have used any custom CSS file, then please share that CSS file.
  3. Share the Syncfusion package version.
 
Regards, 
Pavithra S. 
 


Miguel Varela Rodriguez
Replied On March 5, 2019 04:56 PM UTC

I have check out your suggestion, still the same behavior.

I must say i use almost the same structure on another document, that works fine.
I looked the code and tried different things, but i cant get the element that breaks things up :/

In the attachment i added 2 html files

1. ctPartsCheck.php -> the one that has scrolling issues
2. ctCheckInReports.php -> works fine
3. masterV2.css -> the css file

thank you in advance for your support.



Attachment: syncfusion_support_955b0696.zip

Pavithra Subramaniyam [Syncfusion]
Replied On March 6, 2019 06:26 AM UTC

Hi Miguel, 

Thanks for the update. 

We have faced some script error while running your sample. So we have prepared the sample from your layout code and we have tried to reproduce the reported issue by using the prepared sample but it was unsuccessful at our end. Also, this issue is not related to Grid layout. So please ensure your layout and style. We have attached the prepared sample in the below link for your reference, 
 
 
Regards, 
Pavithra S. 
 


Miguel Varela Rodriguez
Replied On March 6, 2019 11:16 AM UTC

Thank you i finnaly got the problem. It was related with some of the DropDown lists on assign the Datasource.

Pavithra Subramaniyam [Syncfusion]
Replied On March 6, 2019 12:10 PM UTC

Hi Miguel,  

Thanks for your update. 

Please contact us if you need any further assistance. As always, we will be happy to assist you.  

Regards,  
Pavithra S. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;