@vaadin/input-container
Advanced tools
@vaadin/input-container - npm Package Compare versions
Comparing version 22.0.0-alpha9 to 22.0.0-beta1
| { | ||
| "name": "@vaadin/input-container", | ||
| "version": "22.0.0-alpha9", | ||
| "version": "22.0.0-beta1", | ||
| "publishConfig": { | ||
@@ -34,14 +34,14 @@ "access": "public" | ||
| "@polymer/polymer": "^3.0.0", | ||
| "@vaadin/component-base": "22.0.0-alpha9", | ||
| "@vaadin/vaadin-lumo-styles": "22.0.0-alpha9", | ||
| "@vaadin/vaadin-material-styles": "22.0.0-alpha9", | ||
| "@vaadin/vaadin-themable-mixin": "22.0.0-alpha9" | ||
| "@vaadin/component-base": "22.0.0-beta1", | ||
| "@vaadin/vaadin-lumo-styles": "22.0.0-beta1", | ||
| "@vaadin/vaadin-material-styles": "22.0.0-beta1", | ||
| "@vaadin/vaadin-themable-mixin": "22.0.0-beta1" | ||
| }, | ||
| "devDependencies": { | ||
| "@esm-bundle/chai": "^4.3.4", | ||
| "@vaadin/icon": "22.0.0-alpha9", | ||
| "@vaadin/icons": "22.0.0-alpha9", | ||
| "@vaadin/icon": "22.0.0-beta1", | ||
| "@vaadin/icons": "22.0.0-beta1", | ||
| "@vaadin/testing-helpers": "^0.3.0" | ||
| }, | ||
| "gitHead": "6e8c899dc65918f97e3c0acb2076122c4b2ef274" | ||
| "gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e" | ||
| } |
@@ -39,7 +39,2 @@ /** | ||
| outline: none; | ||
| flex: auto; | ||
| white-space: nowrap; | ||
| overflow: hidden; | ||
| width: 100%; | ||
| height: 100%; | ||
| margin: 0; | ||
@@ -51,3 +46,2 @@ padding: 0; | ||
| font: inherit; | ||
| font-size: 1em; | ||
| line-height: normal; | ||
@@ -107,2 +101,25 @@ color: inherit; | ||
| } | ||
| /** @protected */ | ||
| ready() { | ||
| super.ready(); | ||
| this.addEventListener('pointerdown', (event) => { | ||
| if (event.target === this) { | ||
| // Prevent direct clicks to the input container from blurring the input | ||
| event.preventDefault(); | ||
| } | ||
| }); | ||
| this.addEventListener('click', (event) => { | ||
| if (event.target === this) { | ||
| // The vaadin-input-container element was directly clicked, | ||
| // focus any focusable child element from the default slot | ||
| this.shadowRoot | ||
| .querySelector('slot:not([name])') | ||
| .assignedNodes({ flatten: true }) | ||
| .forEach((node) => node.focus && node.focus()); | ||
| } | ||
| }); | ||
| } | ||
| } | ||
@@ -109,0 +126,0 @@ |
@@ -14,5 +14,2 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js'; | ||
| padding: 0 calc(0.375em + var(--lumo-border-radius-m) / 4 - 1px); | ||
| color: var(--lumo-body-text-color); | ||
| font-size: var(--lumo-font-size-m); | ||
| font-family: var(--lumo-font-family); | ||
| font-weight: 500; | ||
@@ -19,0 +16,0 @@ line-height: 1; |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.7%
23339
- Lines of code
- increased by3.41%
334
Dependency changes
+ Added@vaadin/component-base@22.0.0-beta1(transitive)
+ Added@vaadin/icon@22.0.0-beta1(transitive)
+ Added@vaadin/vaadin-lumo-styles@22.0.0-beta1(transitive)
+ Added@vaadin/vaadin-material-styles@22.0.0-beta1(transitive)
+ Added@vaadin/vaadin-themable-mixin@22.0.0-beta1(transitive)
- Removed@vaadin/component-base@22.0.0-alpha9(transitive)
- Removed@vaadin/icon@22.0.0-alpha9(transitive)
- Removed@vaadin/vaadin-lumo-styles@22.0.0-alpha9(transitive)
- Removed@vaadin/vaadin-material-styles@22.0.0-alpha9(transitive)
- Removed@vaadin/vaadin-themable-mixin@22.0.0-alpha9(transitive)