Skip to content

Commit 35e3492

Browse files
committed
fix lint issues
1 parent e88f641 commit 35e3492

2 files changed

Lines changed: 3 additions & 2 deletions

File tree

src/components/Modal/ReanimatedModal/Container/index.web.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,8 @@ function Container({
3434
initProgress.set(withTiming(1, {duration: animationInTiming, easing}, onOpenCallBack));
3535
}, [animationInTiming, onOpenCallBack, initProgress, isInitiated]);
3636

37-
const animatedStyles = useAnimatedStyle(() => ({opacity: initProgress.get()}), [initProgress]);
37+
// instead of an entering transition since keyframe animations break keyboard on mWeb Chrome (#62799)
38+
const animatedStyles = useAnimatedStyle(() => getModalInAnimationStyle(animationIn)(initProgress.get()), [initProgress]);
3839

3940
const Exiting = useMemo(() => {
4041
const AnimationOut = new Keyframe(getModalOutAnimation(animationOut));

src/styles/utils/generators/ModalStyleUtils.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ const createModalStyleUtils: StyleUtilGenerator<GetModalStylesStyleUtil> = ({the
5757
shouldUseModalPaddingStyle = true,
5858
shouldUseReanimatedModal = false,
5959
): GetModalStyles => {
60-
const {windowWidth, isSmallScreenWidth} = windowDimensions;
60+
const {windowWidth, isSmallScreenWidth, shouldUseNarrowLayout} = windowDimensions;
6161

6262
let modalStyle: GetModalStyles['modalStyle'] = {
6363
margin: 0,

0 commit comments

Comments
 (0)