@vaadin/field-base - npm Package Compare versions

Comparing version 23.0.11 to 23.0.12

package.json

 {
   "name": "@vaadin/field-base",
-  "version": "23.0.11",
+  "version": "23.0.12",
   "publishConfig": {
@@ -35,3 +35,3 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "^23.0.11",
+    "@vaadin/component-base": "^23.0.12",
     "lit": "^2.0.0"
@@ -44,3 +44,3 @@ },
   },
-  "gitHead": "10838304fe6f5c98b838ec3a90bdcf49cbf4650b"
+  "gitHead": "717908c222c1e241259e30b4144cd5ba32734819"
 }

src/checked-mixin.js

@@ -8,2 +8,3 @@ /**
 import { DisabledMixin } from '@vaadin/component-base/src/disabled-mixin.js';
+import { isElementFocused } from '@vaadin/component-base/src/focus-utils.js';
 import { DelegateStateMixin } from './delegate-state-mixin.js';
@@ -47,3 +48,11 @@ import { InputMixin } from './input-mixin.js';
       _onChange(event) {
-        this._toggleChecked(event.target.checked);
+        const input = event.target;
+
+        this._toggleChecked(input.checked);
+
+        // Clicking the checkbox or radio-button in Safari
+        // does not make it focused, so we do it manually.
+        if (!isElementFocused(input)) {
+          input.focus();
+        }
       }
@@ -50,0 +59,0 @@

src/field-aria-controller.js

@@ -142,3 +142,3 @@ /**
 
-    if (!this.__isGroupField) {
+    if (['input', 'textarea'].includes(this.__target.localName)) {
       // native <input> or <textarea>, required is enough
@@ -145,0 +145,0 @@ return;

New alerts

License Policy Violation

License

This 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

License

This 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

114703

increased by0.29%

Lines of code

3180

increased by0.22%

Dependency changes

• Updated@vaadin/component-base@^23.0.12