Salesforce1 - Unable to scroll Lightning Components horizontally/vertically when using Lightning Design System
Last updated 2018-01-15 ·Reference W-3028274 ·Reported By 212 users
The Lightning Design System contains classes for adding a horizontal/vertical scrollbar to content:
If a component using this utility is accessed through Salesforce1 then the content and scroll bars do not react to user touch for horizontal scrolling. The content that extends horizontally beyond the initial view will not be accessible to the user through touch interactions, although this will still scroll as expected when using mouse click interactions through a desktop browser.
This affects both the downloadable and mobile-browser versions of Salesforce1.
1. Create a Lightning Component that contains content that is wider than the device screen width (height if vertical).
2. Add the Lightning Design System "slds-scrollable--x" class around the content:
<div class="slds-scrollable--x">Scrollable Content Here</div>
3. Try to scroll the content horizontally within Salesforce1.
*Underlying issue is same for both vertical and horizontal scroll
There is no workaround at this time. If a component needs to be accessed through Salesforce1 then do not include content formatted to be wider than the device screen.
Reported By (212)
Is it Fixed?
Any unreleased services, features, statuses, or dates referenced in this or other public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make their purchase decisions based upon features that are currently available.