В Google Chrome не срабатывает scrollIntoView по событию 'wheel'

Пытаюсь настроить прокрутку к нужной секции документа по событию wheel. В Firefox все работает корректно, а в Google Chrome прокрутка не происходит, хотя само событие срабатывает. При этом по клику scrollIntoView работает, в т.ч. на GoogleChrome Пример на кодепен

    <div class='div1'></div>
    <div class='div2'></div>
    <div class='div3'></div>

    div {
      width: 100%;
      height: 400px;
      border: 1px solid;
    }
    
    .div1 {
      background: gray; 
    }
    .div2 {
      background: gray; 
    }
    .div3 {
      background: green; 
    }

    var div3 = document.querySelector('.div3');
    
    document.documentElement.addEventListener('wheel', function(evt) {
      console.log('wheel');
      div3.scrollIntoView({behavior: 'smooth'});
      document.addEventListener('scroll', function() {
        console.log(pageYOffset);
      })
    });
    document.documentElement.addEventListener('click', function() {
      div3.scrollIntoView({behavior: 'smooth'});
    });