question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Click event on draggable item

See original GitHub issue

Describe the bug

In touch screens or mobile devices, click event is not fired when I click on calendar/external draggable events. However, click event is fired if the calendar/external event is not draggable. I have no issues on draggable items of Angular Material drag and drop module

Minimal reproduction of the problem with instructions

Toogle device toolbar to Ipad Pro (Chrome devTools) and try to fire click event on draggable events.

Screenshots

Versions

  • @angular/core: 8.2.14
  • angular-calendar: 0.28.2
  • Browser name and version: Google Chrome 78.0.3904.108 (Build oficial) (64 bits)

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:12 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
JulioBorgescommented, Feb 13, 2020

Hi @mattlewis92 Do you have any idea when you can make this change?

1reaction
mattlewis92commented, Nov 29, 2019

Oh that’s so weird, yeah I can reproduce it on stackblitz but not on the demo

Read more comments on GitHub >

github_iconTop Results From Across the Web

Draggable element runs click function - jquery - Stack Overflow
I have a draggable element inside my jQuery code and the same element has a click function. Everything works well, but when I...
Read more >
Draggable: HTML click event not triggering onClick handler
Hello! We recently upgraded to the latest GSAP (jumping a major version) and have got a problem with some tests failing since.
Read more >
ondrag Event - W3Schools
The ondrag event occurs when an element or text selection is being dragged. Drag and drop is a common feature in HTML. It...
Read more >
Drag'n'Drop with mouse events - The Modern JavaScript Tutorial
So here we'll see how to implement Drag'n'Drop using mouse events. ... The problem is that, while we're dragging, the draggable element is ......
Read more >
How to differentiate mouse “click” and “drag” event using ...
The basic difference between a click and a drag event is the mouse movement. The mouse event that differentiates a click and drag...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found