Disable wheel on <input type="number"> to prevent un-intended value change.

applications.js

import { disableWheel } from './disable-wheel.js';

window.addEventListener('load', function () {
  disableWheel('input[type="number"]')
}, false);

disable-wheel.js

/**
 * Disable changing value using mouse wheel
 */
export function disableWheel(selector) {
  document.querySelectorAll(selector).forEach(input => {
    input.addEventListener('wheel', event => event.preventDefault(), { passive: false });
  });
}