question-mark
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.

[ionic v4] ion-slides keyboard option

See original GitHub issue

Ionic version: [x] 4.x

I’m submitting a … [x] bug report [ ] feature request

Current behavior: I added the keyboard options, described in the Swiper doc, to my ion-slides and it does not seem to work. Are all the options of Swiper supported by the ion-slides wrapping it? Nothing is mentioned in the Ionic doc about any limitations about the supported Swiper options.

Expected behavior: I would have expected the keyboard “right arrow” and “left arrow” to change the visible slide of my ion-slides component.

Steps to reproduce: I just created a ion-slides component and added:

slideOpts = {
    keyboard: {
    enabled: true,
    onlyInViewport: false,
  }
  };

Related code: See previous section.

Other information: N/A

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.10.3 (C:\Users\...\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.0.2
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : not available
   Cordova Plugins       : not available

System:

   NodeJS : v8.11.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.6.0
   OS     : Windows 10

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
liamdebeasicommented, Mar 4, 2019

Yes, I agree! We will update the documentation to make this clear. Thanks for the feedback!

1reaction
DamenQuixoticcommented, Mar 4, 2019

In the case of keyboard functionality I can recreate it pretty easily.

However the ionic documentation for ion-slides should be updated to state two things.

One you don’t support all of the swiper-api. And two, what parts of it’s API do you support.

Otherwise just straight up linking to their API is confusing and not helpful.

On Mon, Mar 4, 2019, 8:58 AM Liam DeBeasi notifications@github.com wrote:

Closed #17662 https://github.com/ionic-team/ionic/issues/17662.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/ionic-team/ionic/issues/17662#event-2178137420, or mute the thread https://github.com/notifications/unsubscribe-auth/AG0daBLfu7xaFpnkaXNGaTVgRrFb7Ns0ks5vTTSjgaJpZM4bacWI .

Read more comments on GitHub >

github_iconTop Results From Across the Web

Keyboard - Ionic Framework
Customizing and accounting for the presence of an on-screen keyboard are two common roadblocks developers face when building mobile apps and PWAs. This...
Read more >
Keyboard/ Arrow Keys support for ionic slides in ionic 5
I setup a new ionic angular project and created a test page using the following slides options: slideOpts = { initialSlide: 0, speed:...
Read more >
Couldn't use options property of ion-slides - Stack Overflow
Try this.. its working fine ionic 4.0.0 import { IonSlides } from '@ionic/angular'; @Component({ selector: ... PS: this works on Ionic V 6.5....
Read more >
How to use Swiper with Ionic (instead of ion-slides) - YouTube
In this video we will implement the Swiper component without ion - slides, since it will be deprecated with Framework v6! ...
Read more >
Slides - Ionic API Documentation
There are several configuration options that can be passed to Slides. These should be passed in the options property of the <ion-slides> element...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found