overflow-x on MazCarousel about maz-ui

[Timothy16]

Thank you @LouisMazel this worked for me.

[LouisMazel]

Hey @Timothy16,

If you do that, the user can no longer scroll in carousel on mobile or with the trackpad on desktop. He could just use the arrows and it's a big limitation and a bad UX.

If you want just hide the scrollbar (I don't want do it myself in the component for the accessibility and the UX), you can use something like that:

<template>
  <MazCarousel class="carousel" images="[]" />
</template>
 
<style scoped>
  .carousel >>> .m-carousel__items::-webkit-scrollbar {
    display: none;
  }
</style>

You can use the :deep() selector instead of >>>