@vaadin/vaadin-text-field 2.9.0 → 2.9.1

package/package.json

@@ -10,7 +10,7 @@
   "repository": "vaadin/vaadin-text-field",
   "homepage": "https://vaadin.com/components",
   "name": "@vaadin/vaadin-text-field",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "main": "vaadin-text-field.js",
   "author": "Vaadin Ltd",
   "license": "Apache-2.0",
@@ -25,8 +25,6 @@
     "theme"
   ],
   "resolutions": {
-    "es-abstract": "1.17.6",
-    "@types/doctrine": "0.0.3",
     "inherits": "2.0.3",
     "samsam": "1.1.3",
     "supports-color": "3.1.2",
@@ -40,10 +38,9 @@
     "@vaadin/vaadin-material-styles": "^1.3.2",
     "@vaadin/vaadin-element-mixin": "^2.4.1"
   },
-  "scripts": {
-  "generate-typings": "gen-typescript-declarations --outDir . --verify"
-},
-"devDependencies": {
+  "devDependencies": {
+    "@web-padawan/gen-typescript-declarations": "^1.6.2",
+    "web-component-tester": "6.9.2",
     "@polymer/iron-component-page": "^4.0.0",
     "@polymer/iron-form": "^3.0.0",
     "@polymer/iron-test-helpers": "^3.0.0",
@@ -51,5 +48,9 @@
     "wct-browser-legacy": "^1.0.1",
     "@vaadin/vaadin-demo-helpers": "^3.0.0",
     "@vaadin/vaadin-button": "^2.1.0"
+  },
+  "scripts": {
+    "generate-typings": "gen-typescript-declarations --outDir . --verify",
+    "test": "wct --npm"
   }
 }

package/src/vaadin-email-field.js

@@ -63,7 +63,7 @@ class EmailFieldElement extends TextFieldElement {
   }
 
   static get version() {
-    return '2.9.0';
+    return '2.9.1';
   }
 
   static get template() {

package/src/vaadin-integer-field.js

@@ -32,7 +32,7 @@ class IntegerFieldElement extends NumberFieldElement {
   }
 
   static get version() {
-    return '2.9.0';
+    return '2.9.1';
   }
 
   static get properties() {

package/src/vaadin-number-field.js

@@ -105,7 +105,7 @@ class NumberFieldElement extends TextFieldElement {
   }
 
   static get version() {
-    return '2.9.0';
+    return '2.9.1';
   }
 
   static get properties() {

package/src/vaadin-password-field.js

@@ -76,7 +76,7 @@ class PasswordFieldElement extends TextFieldElement {
   }
 
   static get version() {
-    return '2.9.0';
+    return '2.9.1';
   }
 
   static get properties() {

package/src/vaadin-text-area.js

@@ -121,7 +121,7 @@ class TextAreaElement extends
 
       <label part="label" on-click="focus" id="[[_labelId]]">[[label]]</label>
 
-      <div part="input-field" id="[[_inputId]]">
+      <div part="input-field" id="[[_inputId]]" on-scroll="__scrollPositionUpdated">
 
         <slot name="prefix"></slot>
 
@@ -149,7 +149,7 @@ class TextAreaElement extends
   }
 
   static get version() {
-    return '2.9.0';
+    return '2.9.1';
   }
 
   static get properties() {
@@ -175,6 +175,25 @@ class TextAreaElement extends
     super.ready();
     this._updateHeight();
     this.addEventListener('animationend', this._onAnimationEnd);
+
+    this._inputField = this.root.querySelector('[part=input-field]');
+    // Wheel scrolling results in async scroll events. Preventing the wheel
+    // 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();
+      this._inputField.scrollTop += e.deltaY;
+      this.__scrollPositionUpdated();
+    });
+
+    this.__scrollPositionUpdated();
+  }
+
+  /** @private */
+  __scrollPositionUpdated() {
+    this.updateStyles({
+      '--_text-area-vertical-scroll-position': this._inputField.scrollTop + 'px',
+    });
   }
 
   /** @private */

package/src/vaadin-text-field.js

@@ -116,7 +116,7 @@ class TextFieldElement extends
   }
 
   static get version() {
-    return '2.9.0';
+    return '2.9.1';
   }
 
   static get properties() {

package/theme/material/vaadin-text-area-styles.js

@@ -20,6 +20,11 @@ const $_documentContainer = html`<dom-module id="material-text-area" theme-for="
         white-space: pre-wrap; /* override \`nowrap\` from <vaadin-text-field> */
         align-self: stretch; /* override \`baseline\` from <vaadin-text-field> */
       }
+
+      [part='input-field']::before,
+      [part='input-field']::after {
+        bottom: calc(var(--_text-area-vertical-scroll-position) * -1);
+      }
     </style>
   </template>
 </dom-module>`;