Calling the preventDefault method in the compositionend event has no effect

var tempNode = document.getElementById('view_1');
tempCNode.addEventListener('compositionend', function(e) {
  console.log(e.cancelable); // true
  e.preventDefault();
});

<div id="view_1" class="view" contenteditable="true">
  <p>
    <br>
  </p>
</div>