@rc-component/portal 1.0.0-3 → 1.0.0-5

package/es/useScrollLocker.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { updateCSS, removeCSS } from "rc-util/es/Dom/dynamicCSS";
 import useLayoutEffect, { useLayoutUpdateEffect } from "rc-util/es/hooks/useLayoutEffect";
 import getScrollBarSize from "rc-util/es/getScrollBarSize";
+import { isBodyOverflowing } from "./util";
 var lockCount = 0;
 var locked = false;
 var UNIQUE_ID = "rc-util-locker-".concat(Date.now());
@@ -14,7 +15,8 @@ function syncLocker() {
 
     if (locked) {
       var scrollbarSize = getScrollBarSize();
-      updateCSS("\nhtml body {\n  overflow-y: hidden;\n  width: calc(100% - ".concat(scrollbarSize, "px);\n}"), UNIQUE_ID);
+      var isOverflow = isBodyOverflowing();
+      updateCSS("\nhtml body {\n  overflow-y: hidden;\n  ".concat(isOverflow ? "width: calc(100% - ".concat(scrollbarSize, "px);") : '', "\n}"), UNIQUE_ID);
     } else {
       removeCSS(UNIQUE_ID);
     }

package/es/util.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Test usage export. Do not use in your production
+ */
+export declare function isBodyOverflowing(): boolean;

package/es/util.js

@@ -0,0 +1,6 @@
+/**
+ * Test usage export. Do not use in your production
+ */
+export function isBodyOverflowing() {
+  return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
+}

package/lib/useScrollLocker.js

@@ -17,6 +17,8 @@ var _useLayoutEffect = _interopRequireWildcard(require("rc-util/lib/hooks/useLay
 
 var _getScrollBarSize = _interopRequireDefault(require("rc-util/lib/getScrollBarSize"));
 
+var _util = require("./util");
+
 var lockCount = 0;
 var locked = false;
 var UNIQUE_ID = "rc-util-locker-".concat(Date.now());
@@ -29,7 +31,8 @@ function syncLocker() {
 
     if (locked) {
       var scrollbarSize = (0, _getScrollBarSize.default)();
-      (0, _dynamicCSS.updateCSS)("\nhtml body {\n  overflow-y: hidden;\n  width: calc(100% - ".concat(scrollbarSize, "px);\n}"), UNIQUE_ID);
+      var isOverflow = (0, _util.isBodyOverflowing)();
+      (0, _dynamicCSS.updateCSS)("\nhtml body {\n  overflow-y: hidden;\n  ".concat(isOverflow ? "width: calc(100% - ".concat(scrollbarSize, "px);") : '', "\n}"), UNIQUE_ID);
     } else {
       (0, _dynamicCSS.removeCSS)(UNIQUE_ID);
     }

package/lib/util.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Test usage export. Do not use in your production
+ */
+export declare function isBodyOverflowing(): boolean;

package/lib/util.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBodyOverflowing = isBodyOverflowing;
+
+/**
+ * Test usage export. Do not use in your production
+ */
+function isBodyOverflowing() {
+  return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) && window.innerWidth > document.body.offsetWidth;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/portal",
-  "version": "1.0.0-3",
+  "version": "1.0.0-5",
   "description": "React Portal Component",
   "keywords": [
     "react",