fix: don't cancel text-area wheel event unnecessarily (#3495) (#3496)

Co-authored-by: Tomi Virkki <tomivirkki@users.noreply.github.com>

Author: vaadin-bot

packages/text-area/src/vaadin-text-area.js

@@ -201,9 +201,13 @@ export class TextArea extends InputFieldMixin(ThemableMixin(ElementMixin(Polymer
     // event, scrolling manually and then synchronously updating the scroll position CSS variable
     // allows us to avoid some jumpy behavior that would occur on wheel otherwise.
     this._inputField.addEventListener('wheel', (e) => {
-      e.preventDefault();
+      const scrollTopBefore = this._inputField.scrollTop;
       this._inputField.scrollTop += e.deltaY;
-      this.__scrollPositionUpdated();
+
+      if (scrollTopBefore !== this._inputField.scrollTop) {
+        e.preventDefault();
+        this.__scrollPositionUpdated();
+      }
     });
 
     this._updateHeight();

packages/text-area/test/text-area.test.js

@@ -362,6 +362,11 @@ describe('text-area', () => {
         expect(e.defaultPrevented).to.be.true;
       });
 
+      it('should not cancel wheel event if text area is not scrolled', () => {
+        const e = wheel({ deltaY: -10 });
+        expect(e.defaultPrevented).to.be.false;
+      });
+
       it('should update value on resize', async () => {
         inputField.scrollTop = 10;
         await nextFrame();