- #Figma on move or zoom it moves viewport bug how to#
- #Figma on move or zoom it moves viewport bug download#
To make sure that what we design can scale for a multitude of use. The situation looks similar to this topic (Ctrl+Scrollwheel Zoom into. However, it can’t work these days, and it will turn back into the move cursor if I continually holding the Space key after zoom in or out. Otherwise, it’ll be too limiting and not useful for the majority of our users. I’m used to press Ctrl+Space to zoom in and Ctrl+Alt+Space to zoom out of the view, and then it was handy to pan the view without releasing Space.
#Figma on move or zoom it moves viewport bug download#
Download it here: Restarting Mac and closing all chromium processes makes the pinch gesture work again in some cases as well. Secondly, a third-party menubar app can fixes faulty Mac trackpad pinch gesture in one click. Because a feature like Smart Animate needs to support a variety of use cases, we can’t just design Smart Animate with one specific use case in mind. Then toggle off/on Pinch to Zoom in or out. because the zoom has not always rendered in timeĬonst toX = x + (current.clientX - startClientX) / scale Ĭonst toY = y + (current. Zoom out to uncover patterns across use cases. By using the beta version of the app, youre helping Figma test bug fixes and performance improvements, before we release them to the general public. Panning during pinch zoom can cause issues const targetScale = (diff * options.step) / 80 + startScale Ĭonst factor = currentDistance / startDistance Ĭonst toScale = constrainScale(targetScale).scale const diff = currentDistance - startDistance You don’t want that single box to be larger than all the others, and you also don’t want to spend your afternoon resizing every single box. For example, you have a process diagram, but one of the boxes isn’t quite large enough for the text.
Use the distance between the first 2 pointersĬonst currentDistance = getDistance(pointers) Don’t waste time formatting your diagram shape by shape. If you think the solution is worth exploring I would love to help contribute. This seems like a hack but it solves the problem for me. In this example I'm limiting it to one zoom max every 20ms but when I was testing with large SVGs, especially in Firefox, I needed to have that set to around 50ms for it to not lose the focal please let me know if you want me to open a new issue anyways. The caveat is that the zooming would appear less smooth.
I thought if I try to throttle the frequency of the zooming it might help and sure enough it seems to "work". You can wire up the moving between frame and frame, but you can also make the components interactive. So I started looking into it and my suspicion is that the mouse wheel event is triggering too often and things are not updating correctly due to the async nature of Panzoom.
I get the same behaviour even in Chrome, but only when the web inspector is open. I notice that for the focal point zooming demo, the center floats towards the upper left when zooming in Safari, Firefox.
Note that I have only tested in browsers on a MacBook using the trackpad. Following are my findings and workaround. I dont know if this is a bug as its not happening all the time, but almost every day (sometimes several times a day) When i select an object the perspective viewport (point of view) jumps to somthing like 180 degrees and moves randomly. Window.Hi, I was going to open a new issue about wheel zoom moving away from center but looked through this one and thought it is related enough. Let val = `translate3D($) Ĭonst x = event.pageX - (zoomMe.width / 2) Ĭonst y = event.pageY - (zoomMe.height / 2) Ĭonst container = document.querySelector('.container') Ĭonst image = document.querySelector('.image')
#Figma on move or zoom it moves viewport bug how to#
I am struggling to figure out and determine how to zoom on my mouse position based on this example.
0 kommentar(er)
