15509083657

Committed 07 Jun 2025 03:11PM UTC coverage: 91.806% (+1.5%) from 90.283%

Build # 15509083657

Build Type

Pull #642

github

Committed by

web-flow

Commit Message

Merge aa6c65d5c into 980056e7e

Pull Request Pull Request #642: Reset the internal input value when the reset button is clicked in FileInputField (#641)

Run Details

762 of 836 branches covered (91.15%)

Branch coverage included in aggregate %.

717 of 775 relevant lines covered (92.52%)

77.47 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

92.59

/src/components/Modal/_hooks/useModalScrollPrevention.js

import { useLayoutEffect } from 'react';

export const useModalScrollPrevention = (preventScrollUnderneath) => {
  useLayoutEffect(
    () => {
      if (preventScrollUnderneath === 'off') {
        return () => {};
      }

      if (preventScrollUnderneath instanceof HTMLElement) {
        const scrollableElement = preventScrollUnderneath;

        const scrollbarWidth = Math.abs(window.innerWidth - window.document.documentElement.clientWidth);
        const prevOverflow = scrollableElement.style.overflow;
        const prevPaddingRight = scrollableElement.style.paddingRight;

        scrollableElement.style.overflow = 'hidden';

        if (Number.isNaN(parseInt(prevPaddingRight, 10))) {
          scrollableElement.style.paddingRight = `${scrollbarWidth}px`;
        } else {
          scrollableElement.style.paddingRight = `calc(${prevPaddingRight} + ${scrollbarWidth}px)`;
        }

        return () => {
          scrollableElement.style.overflow = prevOverflow;
          scrollableElement.style.paddingRight = prevPaddingRight;
        };
      }

      preventScrollUnderneath?.start();

      return preventScrollUnderneath?.reset;
    },
    [preventScrollUnderneath],
  );
};

1	import { useLayoutEffect } from 'react';
2
3	export const useModalScrollPrevention = (preventScrollUnderneath) => {	4✔
4	useLayoutEffect(	62✔
5	() => {
6	if (preventScrollUnderneath === 'off') {	62✔
7	return () => {};	2✔
8	}
9
10	if (preventScrollUnderneath instanceof HTMLElement) {	60✔
11	const scrollableElement = preventScrollUnderneath;	58✔
12
13	const scrollbarWidth = Math.abs(window.innerWidth - window.document.documentElement.clientWidth);	58✔
14	const prevOverflow = scrollableElement.style.overflow;	58✔
15	const prevPaddingRight = scrollableElement.style.paddingRight;	58✔
16
17	scrollableElement.style.overflow = 'hidden';	58✔
18
19	if (Number.isNaN(parseInt(prevPaddingRight, 10))) {	58!
20	scrollableElement.style.paddingRight = `${scrollbarWidth}px`;	58✔
21	} else {
22	scrollableElement.style.paddingRight = `calc(${prevPaddingRight} + ${scrollbarWidth}px)`;	×
23	}
24
25	return () => {	58✔
26	scrollableElement.style.overflow = prevOverflow;	58✔
27	scrollableElement.style.paddingRight = prevPaddingRight;	58✔
28	};
29	}
30
31	preventScrollUnderneath?.start();	2✔
32
33	return preventScrollUnderneath?.reset;	2✔
34	},
35	[preventScrollUnderneath],
36	);
37	};

react-ui-org / react-ui / 15509083657

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous