Canmove, confirm, emeritus
2,798
edits
Changes
no edit summary
[[Image: Mobile-fennec-stack.png]]
Fennec uses a JavaScript helper object, WidgetStack.js, to coordinate panning the individual UI elements. WidgetStack also manages the size to the content viewport. For the most part, the left and right toolstrips are "glued" to the sides of the content display surface. Different web pages are different widths (and heights) and as the width changes, the right toolstrip is moves with the growing content. The result is: wider web pages require more pans to get to the right toolstrip.
Pannning moves the entire UI, not just the content area. The toolstrips and the content move as a single entity. It should feel as though the entire browser is being moved by your finger.
The <code><canvas></code> display surface displays the visible part of the web content. However, a little more than the visible area is actually drawn into the <code><canvas></canvas>. This allows panning to immediately show parts just "off screen" as the area moves. Also note, the entire web content is never drawn into the <code><canvas></canvas>. That would seriously slow down performance.
While panning moves the entire UI, zooming only affects the content area. However, the content are does "grow" when zoomed, so the right toolstrip seems farther to the right then when the content is not zoomed.
===Chrome Elements===
