Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ion-slides vertical not working v4

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x

Current behavior:

When I set the slide direction to vertical the slider breaks and shows all content. only works if set to horizontal.

 @ViewChild('mySlider', { read: IonSlides }) 
  slides: IonSlides;  slideOptions = {direction: 'vertical'};

  <ion-slides [options]="slideOptions" #mySlider (ionSlidesDidLoad)="slidesDidLoad(mySlider)">

Expected behavior:

expect it to slide verticaly.

Steps to reproduce:

Related code:

insert short code snippets here

Other information:

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.9.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.7.5
   @angular-devkit/schematics    : 0.7.5
   @angular/cli                  : 6.1.5
   @ionic/angular-toolkit        : not installed

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.3, (and 4 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/Wallstudios/Library/Android/sdk)
   ios-deploy        : 1.9.2
   ios-sim           : 5.0.4
   NodeJS            : v10.14.2 (/usr/local/bin/node)
   npm               : 6.4.1
   OS                : macOS High Sierra
   Xcode             : Xcode 10.1 Build version 10B61

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

juanmiguelbesadacommented, Feb 19, 2020

I can’t reproduce this issue in ionic 4.11.10 and @latest versions (dind’t test on angular version)

https://codepen.io/juanmiguelbesada/pen/bGdezWq

0reactions

ionitron-bot[bot]commented, Mar 27, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Top Results From Across the Web

ion-slides vertical not working v4 · Issue #17341 - GitHub

Current behavior: When I set the slide direction to vertical the slider breaks and shows all content. only works if set to horizontal....

Ionic 4, ion-slides vertical scrolling not working - Stack Overflow

I have a component inside of ion-slide ...

Ion-Slides: Mobile Touch Slider with Built-In & Custom Animation

Ion -Slides is a multi-section container which offers custom and built-in mobile touch slider animation effects. See how Ion-Slides works with iOS and ......

Ion-slides methods not working in ionic 4 - iTecNote

IONIC 4 : getActiveIndex() is not working in ion-slides ... I had the same problem, but managed to solve it as follows: export...

Slides - Ionic API Documentation

If this parameter is not passed, autoplay is disabled. direction, string, 'horizontal', Swipe direction: 'horizontal' or 'vertical'. initialSlide, number ...