Listenning to event "keydown"

[Spir]

Why is it not possible to listen to event "onkeydown" when using this library?

// this is never called

document.getElementById('svg-wrapper').addEventListener("keydown", function(event) {
  console.debug(event.keyCode);
});

If I remove the data attribute it works again:

<div id="svg-wrapper" tabindex="1" data-pan-on-drag data-zoom-on-wheel="min-scale: 0.3; max-scale: 1000;">
 <svg>...</svg>
</div>

[luncheon]

This is because clicking on the element does not give it focus.
Caused by calling preventDefault() on the pointerdown event.

[luncheon]

Sorry for the hassle, but how about this solution?

document
  .getElementById('svg-wrapper')
  .addEventListener("keydown", function(event) {
    console.debug(event.keyCode);
  });

// focus on click
document
  .getElementById('svg-wrapper')
  .addEventListener("pointerdown", function(event) {
    event.currentTarget.focus();
  });

https://codepen.io/luncheon/pen/rNJProp

[Spir]

This work perfectly thanks for your time!