Skip to content

Conversation

@daviraquel
Copy link

Description

Changed the css transform property for the navigation buttons by eliminating translateX for both VueCarousel-navigation-prev and VueCarousel-navigation-next classes.

Motivation and Context

I was looking for a solution why using :navigationEnabled="true" wasn't working for me and found this issue.

The issue is marked as closed but it seems the proposed solution didn't solve the whole problem for some people (read comments after closing).

After tweaking a bit I found the original css was moving the navigation buttons off the screen and removing the translateX solved it.

How Has This Been Tested?

Tested by hand.

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

  • My code follows the code style of this project.
  • My change requires a change to the documentation.
    • I have updated the documentation accordingly.
  • I have included a vue-play example (if this is a new feature)

The previous css transform was making the buttons go off screen
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant