:navigationEnabled="true" not working
See original GitHub issueI can enable navigation. Adding :navigationEnabled="true"
to carousel doesn’t effect anything.
Using with blank webpack starter.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:4
- Comments:9 (1 by maintainers)
Top Results From Across the Web
Navigation problems upon disable/enable fields
If Insert isn't allowed on an item and you set ENABLED to TRUE, then you have new big problems. this is a solution,...
Read more >QML: Gridview keyboard navigation not working
My first workaround was to detect keyPresses by StackView and if they are arrow keys and/or enter/return keys then pass them to GridView....
Read more >gestureEnabled does not enable swipe to go back on ...
Run app on Android, press text to navigate to screen2, try to navigate back via gesture. Your Environment. Android "@react-native-community/ ...
Read more >qml listView key navigation not working setting focus: true
not able to navigate through list view using up/down arrows.... as far as I can tell setting focus: true should enable keyboard navigation?...
Read more >Fix voice navigation problems - Android - Google Maps Help
Step 1: Turn on your device's volume. Make sure that your phone or tablet's volume is on and not muted. After you start...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@iamdubx @cviebrock I’m not sure if this fixes the issue but I believe it’s supposed to be
:navigation-enabled=true
. Another thought is I thought my navigation was broken until I realized the carousel was too wide and pushing my nav icons off screen. Setting a max-width on your carousel container might be necessary.I was having the same issue. Prop case style didn’t work, suggested css didn’t work either but made me take the same path. This one did the trick:
.VueCarousel-navigation-prev, .VueCarousel-navigation-next { transform: translateY(-50%) !important; }
It seems the original transform properties for these classes, which also contained a translateX() were moving both buttons away from the screen.
They’re also black with transparent background by default wich initially made me think they were not showing because the page was dark.