transitionend event fires twice

Question

I have the following code and my problem is that the transitionend event is fired twice. I don\'t know what\'s causing this. I suspected the vendor prefixes cau

Answer 1

You can use the target property to filter out events that are triggered by child elements and use propertyName to only trigger the event when a specific property changed.

const handleTransitionEnd = event => {
  if (event.target !== myDomElementRef) return;
  if (event.propertyName !== "height") return;

  // Do my things
};