How to remove side swipe shadow in app

#1

Hi there,

in my builds I noticed if I swipe left or right in my app I always get these shadows like the ones you get in android when you have swiped to the end of a list http://i.imgur.com/NtkFt5q.png

Anyone know how to remove these shadows?

#2

Ensure the following is in your config.xml
<preference name="webviewbounce" value="false"/> <preference name="UIWebViewBounce" value="false"/>

#3

I have it inside my config.xml

<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />

but its not helping.

#4

  • What are the steps you took to create your project?

  • What version of Android platform are you using? Run command cordova platform to find out.

#5

Your system information:

Cordova CLI: 6.0.0
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.0
Ionic Version: 1.2.4
Ionic CLI Version: 1.7.13
Ionic App Lib Version: 0.6.5
OS:
Node Version: v4.2.6

Installed platforms: android 5.1.0, ios 4.0.1
Available platforms: amazon-fireos, blackberry10, browser, firefoxos, webos, windows, windows8, wp8

#6

Oh I’m using Cordova Android 4.1.1 … I will test out Cordova Android 5.1.0 and see if I could reproduce your issue.

#7

Updated my app to Cordova Android 5.1.0 … Didn’t get that. Must be something else.

I’ve actually been looking for a way to get those shadows in my app because I think it’s the one missing thing I have from having my app feel native on Android.

#8

maybe its related to crosswalk? I’m using crosswalk

#9

Just installed crosswalk … I don’t get the shadows.

FYI I’m debugging on a Nexus 5 with Android 6 installed… Maybe you get that shadow on older versions of Android.

#10

android 5.1.1 here on sony xperia z2