fix(useDisableBodyScroll): avoid affecting body's height (#1279)

Issue: [Link](https://jira.tid.es/browse/WEB-2088)
Telefonica · Oct 29, 2024 · b68f317 · b68f317 · github-actions · Oct 29, 2024
1 parent a141b97
commit b68f317
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/__tests__/hooks-test.tsx b/src/__tests__/hooks-test.tsx
@@ -11,7 +11,7 @@ const INITIAL_BODY_STYLES = 'background: red;';
 const DISABLED_BODY_STYLES =
     INITIAL_BODY_STYLES +
     ' ' +
-    'overflow: hidden; overflow-y: scroll; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;';
+    'overflow: hidden; overflow-y: scroll; position: fixed; top: 0px; left: 0px; right: 0px;';
 
 const DisableScroll = () => {
     useDisableBodyScroll(true);

diff --git a/src/hooks.tsx b/src/hooks.tsx
@@ -53,7 +53,6 @@ export const useDisableBodyScroll = (disable: boolean): void => {
                             `top: ${-bodyScrollTop}px;`,
                             'left: 0px;',
                             'right: 0px;',
-                            'bottom: 0px;',
                             'overscroll-behavior-y: contain;', // disable overscroll
                         ].join('');
                 }