I have a b-form-input with type="number". When a user enters a value, and uses a mouse wheel to scroll the form, sometime the scroll event would be sent to the b-form-input which then changes the value that the user has entered. The user often is not aware of this and he/she ends up submitting with a different value from what they have entered.

Strangely, this behavior doesn't seem to occur on the bootstrap-vue documentation site. I'd like to know how I can make b-form-input to ignore mouse wheel event if possible.

I am using bootstrap 4.1.1 and bootstrap-vue 2.0.0-rc.11.