CODEWITHSUNDEEP
google-chromefirefoxgoogle-chrome-devtoolsfirefox-developer-toolsweb-inspector
BuZZ-dEE
BuZZ-dEE

Reputation: 6929

Is it possible to freeze the DOM in browser for drag debugging?

I'm trying to debug an Angular CDK drag problem. The problem only occurs while dragging, so it would be great if I could freeze the DOM while dragging. Then I want to inspect the DOM to find analyze the problem.

Is this prossible in Browsers (e.g. Firefox, Chrome)?

Upvotes: 5

Views: 3477

Answers (1)

BuZZ-dEE
BuZZ-dEE

Reputation: 6929

Thx to @wOxxOm for the hint in the comments. Yes, it should be possible to set breakpoints for e.g. drag and dragstart events.

Chrome event listener breakpoints

The problem was those breakpoints did not worked. Only dragstart worked in Firefox for me, but it was to early for my DOM debugging. But I got it working using the keyup event in Firefox. I dragged the element and then I hit the key and then breakpoint was triggered.

Upvotes: 4

Related Questions