Skip to content

Commit 6922dc3

Browse files
committed
Borrow definition of Visual Viewport from CSSOM-View
Signed-off-by: Shubham Gupta <shubham.gupta@chromium.org>
1 parent 53d6722 commit 6922dc3

1 file changed

Lines changed: 11 additions & 2 deletions

File tree

css-viewport-1/Overview.bs

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -106,16 +106,25 @@ difference between the [=initial viewport=] and the [=layout viewport=].
106106
This is the viewport you get after processing the viewport
107107
<code>&lt;meta&gt;</code> tag.
108108
</dd>
109+
<dt><dfn>visual viewport</dfn></dt>
110+
<dd>
111+
The portion of the layout viewport that is currently visible.
112+
This is the result of applying scale transform to its layout viewport. Refer CSSOM-View <a href="https://drafts.csswg.org/cssom-view-1/#visualViewport">Visual Viewport.</a>
113+
114+
Note: The [=visual viewport=] can be smaller than the [=layout viewport=].
115+
</dd>
109116
</dl>
110117

111-
ISSUE: Define visual viewport.
112-
113118
When the [=layout viewport=] cannot fit inside the window or
114119
viewing area, either because the [=layout viewport=] is
115120
larger than the [=initial viewport=] or the zoom factor
116121
causes only parts of the [=layout viewport=] to be visible,
117122
the UA should offer a scrolling or panning mechanism.
118123

124+
Note: The scale transform of the [=visual viewport=] is often referred to as "pinch-zoom". Conceptually, this transform
125+
changes the size of the CSS <a>reference pixel</a> and changes the size of the layout viewport (inversally) proportionally so that it
126+
does not cause reflow of the page's contents.
127+
119128
It is recommended that initially the upper-left corners of the
120129
[=layout viewport=] and the window or viewing area are aligned if the
121130
base direction of the document is ltr. Similarly, that the upper-right

0 commit comments

Comments
 (0)