search

SAIN-Project / Frontend

0 stars 0 forks source link

SAIN editor became upside down #20

Closed YuqiHuai closed 2 years ago

YuqiHuai commented 3 years ago
Screen Shot 2021-03-09 at 12 26 55 PM

SAIN editor became up-side-down.

I am not sure what I did exactly, I zoomed out and then zoomed in before the issue occurred. The buttons on the top for zoom-in/ zoom-out also became reversed.

Ibrahimvse commented 3 years ago

I never had this issue!! please write the exact steps that you did and get this issue!!

YuqiHuai commented 3 years ago

I was able to reproduce the issue.

  1. Drag any component into the editor
  2. Zoom in using the mouse wheel until the component disappears
  3. Zoom out and try to find the component added in step 1, it is reversed.
jgarci40 commented 3 years ago

Thanks, @YuqiHuai! I can replicate the issue, as shown below.

Screen Shot 2021-03-13 at 8 09 47 PM

@Ibrahimvse @khoiminhpham Could you please look into this and see if you can fix it? I'm not sure if you have higher priority issues to resolve first.

Ibrahimvse commented 3 years ago

fixed

Sanshin-SF commented 3 years ago

The issue may not have been fixed yet. I was able to replicate the issue above in another way.

https://user-images.githubusercontent.com/76271316/128777712-6dfb498b-82e3-4a57-8207-5972e765fab1.mp4

  1. zoom in using mouse wheel
  2. zoom out using mouse wheel
  3. zoom out using the zoom slider on the top right
jgarci40 commented 3 years ago

@Ibrahimvse, could you please look into this again?

TarandeepSingh562 commented 3 years ago

Update: The bug seems to still happen when using the mouse wheel with the zoom slider. The SAIN editor does not seem to flip when only using mouse wheel to zoom in and out. This bug only seems to happen when both mouse wheel and zoom slider actions are applied. image

jgarci40 commented 3 years ago

Hi @Ibrahimvse. Just want to make sure you get @TarandeepSingh562's update about this, so I'm tagging you.

Sanshin-SF commented 2 years ago

I think this is causing the UI to flip.

The value for "scale" determines the scale of the UI we see. The zoom slider simply adds or substracts 0.1 to this value max. and the mouse wheel adds or substracts (current scale * 0.1) to this value.

When we zoom out with our mouse to lower the zoom scale and slide the zoom slider to zoom out, the "scale" value goes to a negative value which causes the UI to flip.

https://user-images.githubusercontent.com/76271316/147146547-08c3e0e6-4399-451d-b357-f2e05b7f6912.mp4

The "scale" value can be examined by ctrl+f ing "scale" in the html.

TarandeepSingh562 commented 2 years ago

I think this is causing the UI to flip.

The value for "scale" determines the scale of the UI we see. The zoom slider simply adds or substracts 0.1 to this value max. and the mouse wheel adds or substracts (current scale * 0.1) to this value.

When we zoom out with our mouse to lower the zoom scale and slide the zoom slider to zoom out, the "scale" value goes to a negative value which causes the UI to flip.

Untitled.mp4 The "scale" value can be examined by ctrl+f ing "scale" in the html.

I'm having the same problem after zooming in/out; it seems to randomly flip the interface. image

jgarci40 commented 2 years ago

@Ibrahimvse @khoiminhpham Could you please work on fixing this?

@MehdiMirakhorli I just want to make sure you are aware of this bug still existing in SAIN.

jgarci40 commented 2 years ago

@khoiminhpham @Ibrahimvse What's the status of this, guys? @TarandeepSingh562

Ibrahimvse commented 2 years ago

fixed