<ui:scrollerWrapper> horizontal scrolling rarely works in iPhone / Android device
Trailblazer Community

<ui:scrollerWrapper> horizontal scrolling rarely works in iPhone / Android device

Mobile

Last updated 22 days ago ·Reference W-3946487 ·Reported By 107 users

In Review

Summary
Horizontal scrolling of <ui:scrollerWrapper> rarely works in iPhone / Android device. It's hyper sensitive whereas vertical scrolling works smoothly.

Repro
-1. Log into your org via Admin User and make sure MyDomain is enabled for Lightning Component

-2. Create a Lightning Component such as "lcTest"

[lcTest.cmp]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<aura:component implements="flexipage:availableForAllPageTypes,force:appHostable">
<ui:scrollerWrapper class="scrollerWrapper">
<div class="div">
a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z
<br/>
<br/>
<br/>
<br/>
a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u
<br/>
<br/>
<br/>
<br/>
a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p
<br/>
<br/>
<br/>
<br/>
a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k
<br/>
<br/>
<br/>
<br/>
a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f
<br/>
<br/>
<br/>
<br/>
a b c d e f g h i j k l m n o p q r s t u v w x y z
</div>
</ui:scrollerWrapper>
</aura:component>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

[lcTest.css]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.THIS.scrollerWrapper {
max-width: 375px;
min-height: 1500px;
}

.THIS .div {
min-width: 800px;
max-width: 800px;
min-height: 1500px;
background-color: #DDFFDD;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

-3. Create a Lightning Component tab
Create > Tabs

-4. Add the Lightning Component tab into Salesforce1 navigation
Mobile Administration > Salesforce1 Navigation

-5. Log in to the org via hybrid app for iOS/Android or Mobile browser Safari

-6. Navigate to the Lightning Component tab "lcTest" in stage left

-7. Once trying to scroll horizontally, you should see it rarely works or it's hyper sensitive to work

Workaround
none

Reported By (107)

Anvesh Vedula Abhishek Kumarappa shivam gupta2 竜也 土屋 Davide Fabris Gitte Herms Pinnau Brian Truwe Scott Searle Erin Ramirez Mackenzie Stall Mario Di Genio Jason Atwood Souvik Kundu Tyler Casalone Christopher Saul Soporte Omega TMA EIT BCA Finance Admin Phincon Justen Hollis James White Peter Kong Catherine Moca Zach McElrath Tony Carreon Sean Allen Khamla Phimmachack Mark DeSimone Jessica Mazariegos J. Tingle Anna Wiersema Jason Spangler Huyen York Chris Stern Elena O'Neil Karen Waldschmitt Paul Ferris Matthew Leahy Justin Campbell Clark Cregg Esra Bektasoglu Gretar Vidir Palsson Sowmya palanisamy Onofrio Falco sivabalan ponnuswamy Ann Manza-Geerts Srinivas Sandiri SANDEEP DUGGI Saket Relan Michael Longchamps Pritam Shekhawat Paul Karaffa Wanda Harang Kalyan Choudhury Jagan Mohan Cherlakola Joseph Bubser Fernanda Iwamoto Quang Dương BAO NGUYEN QUOC Binh Le 裕之 中田 Hemant makwana Jayant Das Kota prudhvi teja Joe Robinette 正修 佐藤 Ayse Stinnett El Mehdi Touimi Benjelloun Kishor Jadhav Vincent Lam Ricardo Silva Kelly Lawson Jitesh Anand Manu Adeyilliam Twinkle Kheterpal Rajat Bajaj Rajiv Kedia Radek Matusiak Bartlomiej Kostrzewa Clive Phillips Roderick Hurt Mateusz Jakóbik Jakub Antczak Fabien Taillon Jayesh Tejwani Arpit Jain Sejida Pelivani Abram Vixen Reyes Vikas Baliyan Guillermo De Los Reyes Allan Hotchkiss Filip Skrentny Lena Schorge Elie Hassan ROB KOSTER Yana Rouse Aditya Joshi Stephen Rostovskis Deepraj Bhushan Joseph Campbell dalia sarkar Joseph Campbell Miguel Gomez 真吾 行本 Vijay Dwivedi ChikPea Inc Shuichiro TOYODA

Is it Fixed?

AP0 AP3 AP4 AP5 AP6 AP7 AP8 AP9 AP10 AP11 AP12 AP13 AP14 AP15 AP16 AP17 AP18 AP19 AP20 AP21 AP22 AP24 AP25 AP26 AP27 AP28 CS1 CS2 CS4 CS5 CS6 CS7 CS8 CS9 CS10 CS109 CS108 CS107 CS106 CS105 CS102 CS101 CS100 CS115 CS119 CS110 CS117 CS114 CS113 CS112 CS111 CS11 CS116 CS123 CS122 CS121 CS126 CS127 CS129 CS128 CS125 CS124 CS137 CS138 CS133 CS132 CS14 CS148 CS142 CS159 CS152 CS151 CS15 CS162 CS16 CS169 CS165 CS160 CS173 CS17 CS174 CS18 CS189 CS194 CS192 CS193 CS190 CS191 CS199 CS197 CS19 CS198 CS196 CS195 CS20 CS200 CS202 CS201 CS203 CS21 CS22 CS23 CS24 CS25 CS26 CS27 CS28 CS29 CS31 CS32 CS33 CS34 CS35 CS36 CS37 CS40 CS41 CS42 CS43 CS44 CS45 CS46 CS47 CS49 CS50 CS53 CS57 CS58 CS59 CS60 CS61 CS62 CS63 CS64 CS65 CS66 CS67 CS68 CS69 CS72 CS73 CS74 CS75 CS76 CS77 CS78 CS79 CS80 CS81 CS84 CS86 CS87 CS88 CS89 CS90 CS91 CS92 CS94 CS95 CS96 CS97 CS98 CS999 CS99 EU16 EU17 EU18 EU19 EU25 EU26 EU27 EU28 EU29 EU30 EU31 EU32 EU33 EU34 EU35 EU36 EU37 EU38 EU39 EU40 EU41 EU42 EU43 EU45 IND1 IND2S IND3S IND5 IND7 IND9 NA104 NA107 NA109 NA100 NA101 NA103 NA102 NA105 NA119 NA116 NA110 NA118 NA112 NA111 NA115 NA114 NA113 NA117 NA125 NA124 NA122 NA120 NA126 NA127 NA123 NA129 NA121 NA128 NA138 NA134 NA133 NA136 NA135 NA132 NA131 NA130 NA137 NA139 NA140 NA142 NA141 NA149 NA146 NA147 NA148 NA154 NA158 NA159 NA153 NA151 NA155 NA152 NA150 NA156 NA172 NA174 NA171 NA173 NA196 NA202 NA21 NA46 NA49 NA52 NA61 NA62 NA64 NA65 NA66 NA68 NA69 NA70 NA71 NA72 NA73 NA74 NA75 NA76 NA77 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 UM6 UM7

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.