Impossible to change a carousel item if it contains the link in itself.

[dimabory]

Bug Report

Prerequisites

• Can you reproduce the problem in a MWE?
• Are you running the latest version?
• Did you check the FAQs to see if that helps you?
• Are you reporting to the correct repository?
• Did you perform a search in the issues?

For more information, see the CONTRIBUTING guide.

Versions

0.6.1

Description

Impossible to drag a carousel item if it contains the link itself.

Steps to Reproduce

1. Open https://precise-ui.io/#/Components/Carousel
2. Insert the code in the 1-st example:

const { Carousel } = require('precise-ui');

<Carousel infinite>
  <a href="#1" style={{ height: '150px', width: '100%', backgroundColor: '#f3a', display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
    First page
  </a>
  <a href="#2" style={{ height: '200px', width: '90%', backgroundColor: '#43c', display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
    Second page
  </a>
  <a href="#3" style={{ height: '150px', width: '450px', backgroundColor: '#1f2', display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
    Third page
  </a>
</Carousel>

3. Try to drag the tile.

Expected behavior:

• Carousel item is changed.

Actual behavior:

• The page is changed.

Environment details: [any OS, any browser]

Possible Solution

To be clarified...