Vue-carousel: :navigationEnabled="true" not working

Created on 7 Aug 2017  路  8Comments  路  Source: SSENSE/vue-carousel

I can enable navigation. Adding :navigationEnabled="true" to carousel doesn't effect anything.
Using with blank webpack starter.

Most helpful comment

@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.

All 8 comments

Same here.

@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.

@lhovee Thanks fixed it for me the param seems to be incorrect in the documentation.

Please fix the jsfiddle example:

Odd both methods of using the param works under jsfiddle (maybe caused by babel?)
Chris

Going to update the documentation with the proper kebab-case props now. Closing this issue, feel free to open another issue if you have any questions!

I am still having this issue. :navigation-enabled="true" or :navigationEnabled="true" is not working.

@devWaleed have you found a way to fix the issue?

@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.

This and the following css helped to reveal the links:

.VueCarousel-navigation-button {
                position: relative;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

prezmix picture prezmix  路  5Comments

hudy1 picture hudy1  路  5Comments

power-cut picture power-cut  路  5Comments

doginthehat picture doginthehat  路  3Comments

jsilasbailey picture jsilasbailey  路  4Comments