noissue: add dev time check for overflow:hidden on body

theKashey · Jun 6, 2022 · 3a6aafd · 3a6aafd
1 parent f8b9a22
commit 3a6aafd
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/utils.ts b/src/utils.ts
@@ -18,6 +18,15 @@ const parse = (x: string | null) => parseInt(x || '', 10) || 0;
 
 const getOffset = (gapMode: GapMode): number[] => {
  const cs = window.getComputedStyle(document.body);
+
+ if (process.env.NODE_ENV !== 'production') {
+ if (cs.overflowY === 'hidden') {
+ console.error(
+ 'react-remove-scroll-bar: cannot calculate scrollbar size because it is removed (overflow:hidden on body'
+ );
+ }
+ }
+
  const left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];
  const top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];
  const right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];