@chakra-ui/portal - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

CHANGELOG.md

 # Change Log
 
+## 1.0.6
+
+### Patch Changes
+
+- [`31881da7`](https://github.com/chakra-ui/chakra-ui/commit/31881da7314c9c464d080b7dd83edd59d8786b7c)
+  [#3126](https://github.com/chakra-ui/chakra-ui/pull/3126) Thanks
+  [@segunadebayo](https://github.com/segunadebayo)! - fix(portal-manager):
+  portal z-index wrapper squashing portaled elements
+
+- Updated dependencies
+  [[`002a4361`](https://github.com/chakra-ui/chakra-ui/commit/002a4361bd738bef49e021a2fff2b9b6a9af5815)]:
+  - @chakra-ui/hooks@1.1.2
+
 ## 1.0.5
@@ -4,0 +17,0 @@

dist/cjs/portal.js

@@ -33,4 +33,3 @@ "use strict";
     style: {
-      display: "inline-block",
-      position: "absolute",
+      position: "relative",
       zIndex: zIndex
@@ -63,5 +62,11 @@ }
     var doc = tempNode.current.ownerDocument;
+    var host = (_ref = (_getContainer = getContainer()) != null ? _getContainer : parentPortal) != null ? _ref : doc.body;
+    /**
+     * host may be `null` when a hot-loader
+     * replaces components on the page
+     */
+
+    if (!host) return;
     portal.current = doc.createElement("div");
     portal.current.className = Portal.className;
-    var host = (_ref = (_getContainer = getContainer()) != null ? _getContainer : parentPortal) != null ? _ref : doc.body;
     host.appendChild(portal.current);
@@ -68,0 +73,0 @@ forceUpdate();

dist/esm/portal.js

@@ -19,4 +19,3 @@ import { useCallbackRef, useForceUpdate, useSafeLayoutEffect } from "@chakra-ui/hooks";
     style: {
-      display: "inline-block",
-      position: "absolute",
+      position: "relative",
       zIndex
@@ -49,5 +48,11 @@ }
     var doc = tempNode.current.ownerDocument;
+    var host = (_ref = (_getContainer = getContainer()) != null ? _getContainer : parentPortal) != null ? _ref : doc.body;
+    /**
+     * host may be `null` when a hot-loader
+     * replaces components on the page
+     */
+
+    if (!host) return;
     portal.current = doc.createElement("div");
     portal.current.className = Portal.className;
-    var host = (_ref = (_getContainer = getContainer()) != null ? _getContainer : parentPortal) != null ? _ref : doc.body;
     host.appendChild(portal.current);
@@ -54,0 +59,0 @@ forceUpdate();

package.json

 {
   "name": "@chakra-ui/portal",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "React component used to render children outside the DOM hierarchy of the parent component",
@@ -55,3 +55,3 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/hooks": "1.1.1",
+    "@chakra-ui/hooks": "1.1.2",
     "@chakra-ui/utils": "1.1.0"
@@ -58,0 +58,0 @@ },

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

37022

increased by2.48%

Lines of code

279

increased by2.95%

Dependency changes

• + Added@chakra-ui/hooks@1.1.2(transitive)

• - Removed@chakra-ui/hooks@1.1.1(transitive)

• Updated@chakra-ui/hooks@1.1.2