Firefox mac os x pinch zoom

What browsers does this work in?

We can abuse transform: perspective for faster zooming. Surprisingly scaling via scale functions and scaling via perspective produces different results.

Video of the Day

Scaling via scale functions triggers the browser to re-rasterize after scaling. The result is your fonts and SVGs stay sharp when scaled up but it comes with a significant frame-time cost.

Enable Your Laptop's Pinch-to-Zoom Gestures in Firefox 4

Scaling via perspective on the other hand, just scales up the already rasterized content - your fonts and sharp lines become fussy as you zoom in but it's much cheaper to perform. To achieve the best of both world we can use the perspective trick during the pinch gesture and swap to regular scale functions once the gesture has finished. Setting overflow: hidden on the root element helps to reduce re-painting: scaling causes the content to overflow and the scroll region to change.

Rapidly changing the scroll region seems to trigger a whole bunch of expensive work.

Setting overflow to hidden seems to prevent this and fortunately we can still use scrollLeft and scrollTop to apply an offset to the page, but the scroll bar is hidden and panning is disabled. In this extension overflow is set to scroll as soon as the pinch gesture completes but there's a noticeable delay between zooming and being able to pan whilst the browser does a whole bunch of repainting work.

I'm not convinced this work is necessary but I've not yet been able to hint to the browser that it doesn't need to be done. Enabling CSS transitions on the transform property and setting the duration to 0 seconds seems to help. This one is a bit of voodoo, I'm not convinced it should work but it does seem to. It could potentially be acting as a hint to enable certain rendering optimizations but I'm not sure.

Pinch to zoom in Firefox on MacOS

Would love to learn more if anyone has ideas. When a site doesn't specify a modern docType, Firefox falls back into 'quirks mode' rendering. In this mode Firefox enables a long list of historic bugs.

  • creative cloud crack para mac.
  • Step 2: Types of Commands.
  • list of tables word mac 2008.
  • how to download pages 09 for mac!

Foruntately we can detect quirks mode rendering and work around this. Pages may have meta tags to configure the behavior of 'magnifying-glass' zoom on tablets. These tags let a page disable zoom and set the mininum and maximum zoom.

Your Answer

So far, all desktop browser seem to ignore these, citing that a page shouldn't have a say on whether or not the user is allowed to zoom. I've decided to match the behavior of other browser and ignore them too but I'd love to hear from users if this should change.

Ignore Learn more. Dismiss Join GitHub today GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together. Not With a Screen Reader. More gear. Weekend Discounts. Big Step. Author: Lauren Goode Lauren Goode.

Tech in Two. Author: Louise Matsakis Louise Matsakis. Gadget Lab Podcast. This is however not the case in firefox. Firefox adjusts the browser's "zoom level" which is really scaling imo and is not the result I want. Is there any way to get firefox to actually zoom in with a touchscreen pinch gesture instead of just magnifying?

Alright, it's been a while two years!

Enable Firefox in Mac Trackpad Pinch and Zoom Gestures

Funny thing, this exact bug has been known for around 6 years now and not fixed! Sign up to join this community. The best answers are voted up and rise to the top. Home Questions Tags Users Unanswered. Pinch to zoom in firefox Ask Question. Asked 2 years, 8 months ago. Active 1 year, 1 month ago.