@react-aria/overlays - npm Package Compare versions

Comparing version 3.0.0-nightly.786 to 3.0.0-nightly.790

dist/main.js

@@ -620,3 +620,5 @@ var {
 
-const $a21edfc55f5392c9a20c9978f0e487$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+const $a21edfc55f5392c9a20c9978f0e487$var$visualViewport = typeof window !== 'undefined' && window.visualViewport; // HTML input types that do not cause the software keyboard to appear.
+
+const $a21edfc55f5392c9a20c9978f0e487$var$nonTextInputTypes = new Set(['checkbox', 'radio', 'range', 'color', 'file', 'image', 'button', 'submit', 'reset']);
 /**
@@ -723,3 +725,3 @@ * Prevents scrolling on the document body on mount, and
 
-    if (target.tagName === 'INPUT') {
+    if (target instanceof HTMLInputElement && !$a21edfc55f5392c9a20c9978f0e487$var$nonTextInputTypes.has(target.type)) {
       e.preventDefault(); // Apply a transform to trick Safari into thinking the input is at the top of the page
@@ -740,3 +742,3 @@ // so it doesn't try to scroll it into view. When tapping on an input, this needs to
 
-    if (target.tagName === 'INPUT') {
+    if (target instanceof HTMLInputElement && !$a21edfc55f5392c9a20c9978f0e487$var$nonTextInputTypes.has(target.type)) {
       // Transform also needs to be applied in the focus event in cases where focus moves
@@ -743,0 +745,0 @@ // other than tapping on an input directly, e.g. the next/previous buttons in the

dist/module.js

@@ -572,3 +572,5 @@ import { VisuallyHidden } from "@react-aria/visually-hidden";
 
-const $ece0076f06e8a828c60ba0c94f22f89$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
+const $ece0076f06e8a828c60ba0c94f22f89$var$visualViewport = typeof window !== 'undefined' && window.visualViewport; // HTML input types that do not cause the software keyboard to appear.
+
+const $ece0076f06e8a828c60ba0c94f22f89$var$nonTextInputTypes = new Set(['checkbox', 'radio', 'range', 'color', 'file', 'image', 'button', 'submit', 'reset']);
 /**
@@ -672,3 +674,3 @@ * Prevents scrolling on the document body on mount, and
 
-    if (target.tagName === 'INPUT') {
+    if (target instanceof HTMLInputElement && !$ece0076f06e8a828c60ba0c94f22f89$var$nonTextInputTypes.has(target.type)) {
       e.preventDefault(); // Apply a transform to trick Safari into thinking the input is at the top of the page
@@ -689,3 +691,3 @@ // so it doesn't try to scroll it into view. When tapping on an input, this needs to
 
-    if (target.tagName === 'INPUT') {
+    if (target instanceof HTMLInputElement && !$ece0076f06e8a828c60ba0c94f22f89$var$nonTextInputTypes.has(target.type)) {
       // Transform also needs to be applied in the focus event in cases where focus moves
@@ -692,0 +694,0 @@ // other than tapping on an input directly, e.g. the next/previous buttons in the

package.json

 {
   "name": "@react-aria/overlays",
-  "version": "3.0.0-nightly.786+d80334eb",
+  "version": "3.0.0-nightly.790+b44f2f11",
   "description": "Spectrum UI components in React",
@@ -21,9 +21,9 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "3.0.0-nightly.786+d80334eb",
-    "@react-aria/interactions": "3.0.0-nightly.786+d80334eb",
-    "@react-aria/utils": "3.0.0-nightly.786+d80334eb",
-    "@react-aria/visually-hidden": "3.0.0-nightly.786+d80334eb",
-    "@react-stately/overlays": "3.1.2-nightly.2464+d80334eb",
-    "@react-types/button": "3.2.2-nightly.2464+d80334eb",
-    "@react-types/overlays": "3.3.1-nightly.2464+d80334eb",
+    "@react-aria/i18n": "3.0.0-nightly.790+b44f2f11",
+    "@react-aria/interactions": "3.0.0-nightly.790+b44f2f11",
+    "@react-aria/utils": "3.0.0-nightly.790+b44f2f11",
+    "@react-aria/visually-hidden": "3.0.0-nightly.790+b44f2f11",
+    "@react-stately/overlays": "3.1.2-nightly.2468+b44f2f11",
+    "@react-types/button": "3.2.2-nightly.2468+b44f2f11",
+    "@react-types/overlays": "3.3.1-nightly.2468+b44f2f11",
     "dom-helpers": "^3.3.1"
@@ -38,3 +38,3 @@ },
   },
-  "gitHead": "d80334eba4d7a44d282ccbd3736a80708112d0a2"
+  "gitHead": "b44f2f11b8e091afa2f0166bb75cedc0e5f56e1e"
 }

src/usePreventScroll.ts

@@ -33,2 +33,15 @@ /*
 
+// HTML input types that do not cause the software keyboard to appear.
+const nonTextInputTypes = new Set([
+  'checkbox',
+  'radio',
+  'range',
+  'color',
+  'file',
+  'image',
+  'button',
+  'submit',
+  'reset'
+]);
+
 /**
@@ -127,3 +140,3 @@ * Prevents scrolling on the document body on mount, and
     let target = e.target as HTMLElement;
-    if (target.tagName === 'INPUT') {
+    if (target instanceof HTMLInputElement && !nonTextInputTypes.has(target.type)) {
       e.preventDefault();
@@ -144,3 +157,3 @@
     let target = e.target as HTMLElement;
-    if (target.tagName === 'INPUT') {
+    if (target instanceof HTMLInputElement && !nonTextInputTypes.has(target.type)) {
       // Transform also needs to be applied in the focus event in cases where focus moves
@@ -147,0 +160,0 @@ // other than tapping on an input directly, e.g. the next/previous buttons in the

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

355658

0.67%

Lines of code

3572

0.39%

Dependency changes

• Updated

  @react-aria/i18n@3.0.0-nightly.790+b44f2f11

• Updated

  @react-aria/interactions@3.0.0-nightly.790+b44f2f11

• Updated

  @react-aria/utils@3.0.0-nightly.790+b44f2f11

• Updated

  @react-aria/visually-hidden@3.0.0-nightly.790+b44f2f11

• Updated

  @react-stately/overlays@3.1.2-nightly.2468+b44f2f11

• Updated

  @react-types/button@3.2.2-nightly.2468+b44f2f11

• Updated

  @react-types/overlays@3.3.1-nightly.2468+b44f2f11