dooboolab-community/hackatalk

login page animation starting location issue

woosanggyu opened this issue · 3 comments

Specify project
Client issue

Describe the bug
Different starting location for login page animation on web and mobile

To Reproduce
Steps to reproduce the behavior:

  1. Go to loginPage on web
  2. Go to loginPage on mobile

Expected behavior

Animation starting location is different

Screenshots

  • web
web.mov
  • mobile
mobile.mov

Desktop (please complete the following information):

  • OS: macbook
  • Browser chrome
  • Version 91.0

Smartphone (please complete the following information):

  • Device: iphone12
  • OS: ios
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

[wehack2021]-[Cloud]

Might be related or not..
latest version shows strange logo icon animation like belows.
once it was scaled, it never goes back to small size..

  1. when logo pressed(touch)
    Simulator Screen Recording - iPhone 12 Pro - 2021-07-27 at 22 25 14

  2. when type begins in TextInput component
    Simulator Screen Recording - iPhone 12 Pro - 2021-07-27 at 22 26 00

It happens only after the commit 7f60fed)

and If I commented this line, It works as before

  
   const scale = interpolate(logoAnimValue.value, [0, 1], [2, 1]);

    return {
      zIndex: 15,
      position: 'absolute',
      left,
      top,


      /// transform: [{scale}],

    };
  });

Is this new scale animation intended?

Tested on:
iPhone 12 Pro / iOS 14.5 simulator on Big Sur 11.4

Might be related or not..
latest version shows strange logo icon animation like belows.
once it was scaled, it never goes back to small size..

  1. when logo pressed(touch)
    Simulator Screen Recording - iPhone 12 Pro - 2021-07-27 at 22 25 14
  2. when type begins in TextInput component
    Simulator Screen Recording - iPhone 12 Pro - 2021-07-27 at 22 26 00

It happens only after the commit 7f60fed)

and If I commented this line, It works as before

  
   const scale = interpolate(logoAnimValue.value, [0, 1], [2, 1]);

    return {
      zIndex: 15,
      position: 'absolute',
      left,
      top,


      /// transform: [{scale}],

    };
  });

Is this new scale animation intended?

Tested on:
iPhone 12 Pro / iOS 14.5 simulator on Big Sur 11.4

Thank you so much for testing it out!

@DevYuns I think you might want to check this one!

Let me check it out soon! Thank you for reporting.