Tengo un carrusel construido usando Embla Carousel (embla-carousel-react).

Los elementos dentro del carrusel contienen una imagen y algo de texto. El texto no es seleccionable, pero me gustaría que lo fuera.

Cuando configuro draggable: false , puedo seleccionar el texto dentro del carrusel, pero ahora ya no puedo desplazar el carrusel a la siguiente diapositiva.

¿Hay alguna manera de que pueda tener ambas cosas: seleccionar y copiar texto con un clic del mouse y arrastrar, y pasar al siguiente desplazamiento con un gesto más pronunciado de deslizar o desplazar?

 const EmblaCarousel = ({ children, nextScroll, recordCurrentSlide }) => {
 const { height } = useWindowDimensions()

 const [viewportRef, embla] = useEmblaCarousel({
 axis: "y",
 skipSnaps: false,
 startIndex: 0,
 draggable: true,
 dragFree: false,
 slidesToScroll: 1,
 loop: true,
 }, 
 [WheelGesturesPlugin()]);


 return (
 <div className="embla">
 <div className="embla__viewport" ref={viewportRef}>
 <div className="embla__container">
 {children}
 </div>
 </div>
 <style jsx>{`
 :global(.embla__container) {
 height: ${height};
 }
 `}</style>
 </div>
 );
};

¡Gracias!