Salesforce1 - Unable to scroll Lightning Components horizontally/vertically when using Lightning Design System

Mobile

Last updated 2018-01-15 ·Reference W-3028274 ·Reported By 212 users

Fixed - Winter '17

Summary
The Lightning Design System contains classes for adding a horizontal/vertical scrollbar to content:

https://www.lightningdesignsystem.com/components/utilities/scrollable/

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.

Repro
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

Workaround
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)

ResMed India Admin Polymorph Tejaram Nidamanuru Scott Loescher João Paulo Ornellas Felisberto de Lima Dive Jakobusic Sarang Deshpande Jon Rust Jean-Marc BARBIER Jaysukh Patel Nahuel Bergamo Mohan Babu K J Joe Mitchell ELJON GREENE Eljon Greene Rohan Dutta Karthik Pamaraju Paarth Jolly Vero Jones Sravanthi Yarava Vamshi Krishna Bashyakarla Satish Kadam Juan David Uribe Ruiz Sejida Pelivani Satoru Kimura Kfir Cohen Derek Kipps Keerti Yadav ChikPea Inc Vishal Parikh Charlotte Welle Alice Toth Stephen Noe Nadezhda Podobed Vamshi Krishna Metta Najlae Kharbouch AKASH MOHAN SINGH Gabriela Tapia Thomas Giricz Explorer Salesforce Caspar Harmer ITC Consultant (MBR) Fabio Andree Scheurel Hoang Nguyen JiMin Kim Jason Mitchell Ankit Goel vishnu Morem Reddy eFinans Admin Akin Gumusel Erhan Ceylan Admin Santanna Constantine Kurianoff Devika Pujari Erin Ferry, M.Ed. Kyle Crouse Ricardo Coutinho Hryhorii Samodurov Kumar G Christina Hildebrandt Prateek Arya Jonathan Cohen Dylan Gerow Diraj Potlapally Marian Wimmer Praneel Pidikiti Daniel Utrera Milan Boruvka Prudhvi Kanteti Sridharan Vellaisamy Ravi Doug Kells Chad Kozicki Jason Hugger Fran Johnson Alpesh Patil Virag Gandhi Rahul Gupta Shekhar Gawali Michael Gavino Shreyas Kashyap Vishnu Sai Turaga Tiago Ferreira Sai Santosh Suddula Sayuri Tanioka Antoine LELEU Rajendra Rathore Varun Chaddha SARANG DESHPANDE Grzegorz Łukasik Saurabh Mishra Fabien Taillon Jay Peters Anandhi Sowmyan Jason Kelly Noriyuki Konza Shishir Mallik Vinod Merwade CRMIT Dev Dominique Wallace Diego Gutierrez Codina Jeff Wagner Maurice Kremer Jojo Zhao Matt Bruederle Matt Gvazdinskas David Sparks Dan Moore Yogaraj Vadivel Vishnu Andra Hoshino Ryotaro Mattis Weiler Derek Kania Aman Aggarwal Jeremy Farber Mohamed Mzoughi Ben Dvorachek Denys Martsenko Nisar Ahmed Admin Konozca Javier Combarros Gaurav Puranik Alekhya Bodingari Erik Hamelink Sebastian Gutierrez Grant Smith Samina Hanif Shane Ross Yaovi Kwasi Matt U Sujit Das Rick Hedin Harry Zhang Waseem Qaiser Stanley Sequeira Dilip Singh Luka Matovic Sudhir Panchware Akshada Durve Lana Halapchuk Admin User Abhik Saha Akshada Durve Sujit Das Pankaj Singh Pintu Francis Junaid Khader Jennifer Burton balakrishnan s Samir EL AICHAOUI Bill Lesage Prajith Maniyath Rakesh Boinepalli Vaibhav Vora Arjun Modi Rongbo Yang Karim Jalil Satish Osuri Kevin Hart Anoop Ambooken Malay Desai Carmelo Andronaco Kamil Grzywacz Christian Menzinger Kazuhiro Watanabe Hatsuo Sano Hiroshi Yoshita 雄太 箕輪 剛史 河本 Keith Sadler Matthew Read Paul Heffernan Andrea Cruciani Reno Milewski Michał Zadrużyński Gaurav Thakur Aravind Ajith Abhishek Chaturvedi Richie Chik grzegorz pawlowski Scott Zellin hua feng zheng Aleksei Murashin Lance Davala Erik Blomquist Ben Jenkin Anand Bhardwaj Ruslan Kurchenko Erik Myklestad Onttu Lindeman Hasantha Eranga Nape Liyanage Paolo Cervantes Corrado Invernizzi Steve Podell Miguel Moro Álvarez Diane MacRobie Yulia Brereton Chris Howard David van Alphen Jesus Arcas Daniel Temple Chris Peterson Kevin Roberts Kaelig Deloumeau-Prigent Mark Smith Alba Azcona Andrew Fawcett Andrew Barrick Scott Bowers Liz Ichihashi Ramesh Manne Abhishek Gautam Andrew Behrman

Is it Fixed?

AP0 AP3 AP4 AP5 AP6 AP7 AP8 AP9 AP14 AP15 AP20 AP21 AP22 AP28 CS1 CS2 CS3 CS4 CS5 CS6 CS7 CS8 CS9 CS10 CS109 CS108 CS107 CS106 CS105 CS102 CS101 CS100 CS115 CS110 CS11 CS116 CS12 CS137 CS138 CS13 CS14 CS148 CS142 CS15 CS152 CS151 CS16 CS17 CS18 CS19 CS20 CS21 CS22 CS23 CS24 CS25 CS26 CS27 CS28 CS29 CS30 CS31 CS32 CS33 CS34 CS35 CS36 CS37 CS40 CS41 CS42 CS43 CS44 CS45 CS47 CS50 CS51 CS52 CS53 CS54 CS57 CS58 CS59 CS60 CS61 CS62 CS63 CS64 CS65 CS66 CS67 CS68 CS69 CS70 CS71 CS72 CS73 CS74 CS75 CS76 CS77 CS78 CS79 CS80 CS81 CS82 CS83 CS84 CS85 CS86 CS87 CS88 CS89 CS90 CS91 CS92 CS93 CS94 CS95 CS96 CS97 CS98 CS99 EU7 EU8 EU10 EU12 EU13 EU14 EU15 EU16 EU17 EU18 EU19 EU25 EU26 EU29 EU30 NA104 NA109 NA100 NA101 NA103 NA102 NA105 NA119 NA116 NA110 NA112 NA111 NA115 NA114 NA113 NA117 NA129 NA124 NA122 NA130 NA136 NA135 NA132 NA131 NA146 NA142 NA141 NA154 NA155 NA196 NA21 NA32 NA37 NA39 NA44 NA45 NA46 NA47 NA49 NA51 NA52 NA53 NA54 NA56 NA57 NA58 NA59 NA60 NA61 NA62 NA63 NA64 NA65 NA66 NA67 NA68 NA69 NA70 NA71 NA72 NA73 NA74 NA75 NA76 NA77 NA79 NA80 NA81 NA82 NA83 NA84 NA85 NA86 NA87 NA88 NA89 NA90 NA91 NA92 NA93 NA94 NA95 NA96 NA97 NA98 NA99 UM1 UM2 UM3 UM4 UM5

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.