Slider Drag with <a>

[el3ctrofuzz]

Seperate issue: I’m having a problem with the file upload size in this draft writer. It claims the limit is 4000kb, but it won’t let me upoad a 1000kb image.

In the past I have been able to have a slide act as both a link and still be draggable to navigate. I had this working fine following this forum post: Image/ Gallery Slider - two questions

As per the advice in that post, I have setup another slider in that manner.

However, if the div of the slider, or any div within the slider, is set to be an A tag, I cannot drag the slider as it tries to come “off-canvas”.

How can this be achieved now? There must be a method to retain dragging and also allow a single click to open the link.

[ruenel]

Hello @el3ctrofuzz,

Thanks for writing in!

When you set the Interaction to Drag, any link will not work. Click events within the slide were disabled to cater for the drag events. Regretfully there is no solution for that. You will have to compromise for your design. Choose to either disable the Drag interactions to give way for the links or use Drag and dismiss the links.

Having them work together may be possible with custom JS coding. Be advised that JS Coding is beyond the scope of our support already under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.