[cssom-view] Uplift some of the document-pip changes. (#13763)

Closes #13707

Author: emilio

cssom-view-1/Overview.bs

@@ -663,6 +663,7 @@ The <dfn method for=Window>moveTo(<var>x</var>, <var>y</var>)</dfn> method must
 1. Optionally, return.
 1. Let <var>target</var> be [=this=]'s [=relevant global object=]'s [=Window/browsing context=].
 1. If |target| is not an [=auxiliary browsing context=] that was created by a script (as opposed to by an action of the user), then return.
+1. If |target|'s [=top-level traversable=]'s [=Is Document Picture-in-Picture=] boolean is <code>true</code>, then return.
 1. Optionally, clamp <var>x</var> and <var>y</var> in a user-agent-defined manner so that the window does not move outside the available space.
 1. Move <var>target</var>’s window such that the window’s top left corner is at coordinates (<var>x</var>, <var>y</var>) relative to the top left corner of the output device, measured in <a lt=px value>CSS pixels</a> of <var>target</var>. The positive axes are rightward and downward.
 
@@ -671,6 +672,7 @@ The <dfn method for=Window>moveBy(<var>x</var>, <var>y</var>)</dfn> method must
 1. Optionally, return.
 1. Let <var>target</var> be [=this=]'s [=relevant global object=]'s [=Window/browsing context=].
 1. If |target| is not an [=auxiliary browsing context=] that was created by a script (as opposed to by an action of the user), then return.
+1. If |target|'s [=top-level traversable=]'s [=Is Document Picture-in-Picture=] boolean is <code>true</code>, then return.
 1. Optionally, clamp <var>x</var> and <var>y</var> in a user-agent-defined manner so that the window does not move outside the available space.
 1. Move <var>target</var>'s window <var>x</var> <a lt=px value>CSS pixels</a> of <var>target</var> rightward and <var>y</var> <a lt=px value>CSS pixels</a> of <var>target</var> downward.
 
@@ -680,6 +682,9 @@ The <dfn method for=Window>resizeTo(<var>width</var>, <var>height</var>)</dfn> m
 1. Optionally, return.
 1. Let <var>target</var> be [=this=]'s [=relevant global object=]'s [=Window/browsing context=].
 1. If |target| is not an [=auxiliary browsing context=] that was created by a script (as opposed to by an action of the user), then return.
+1. If |target|'s [=top-level traversable=]'s [=Is Document Picture-in-Picture=] boolean is <code>true</code>, then:
+    1. If [=this=]'s [=relevant global object=] does not have [=transient activation=], throw a "{{NotAllowedError}}" {{DOMException}}.
+    1. [=Consume user activation=] given [=this=]'s [=relevant global object=].
 1. Optionally, clamp <var>width</var> and <var>height</var> in a user-agent-defined manner so that the window does not get too small or bigger than the available space.
 1. Resize <var>target</var>'s window by moving its right and bottom edges such that the distance between the left and right edges of the viewport are <var>width</var> <a lt=px value>CSS pixels</a> of <var>target</var> and the distance between the top and bottom edges of the viewport are <var>height</var> <a lt=px value>CSS pixels</a> of <var>target</var>.
 1. Optionally, move <var>target</var>'s window in a user-agent-defined manner so that it does not grow outside the available space.
@@ -693,6 +698,9 @@ The <dfn method for=Window>resizeBy(<var>x</var>, <var>y</var>)</dfn> method mus
 1. Optionally, return.
 1. Let <var>target</var> be [=this=]'s [=relevant global object=]'s [=Window/browsing context=].
 1. If |target| is not an [=auxiliary browsing context=] that was created by a script (as opposed to by an action of the user), then return.
+1. If |target|'s [=top-level traversable=]'s [=Is Document Picture-in-Picture=] boolean is <code>true</code>, then:
+    1. If [=this=]'s [=relevant global object=] does not have [=transient activation=], throw a "{{NotAllowedError}}" {{DOMException}}.
+    1. [=Consume user activation=] given [=this=]'s [=relevant global object=].
 1. Optionally, clamp <var>x</var> and <var>y</var> in a user-agent-defined manner so that the window does not get too small or bigger than the available space.
 1. Resize <var>target</var>'s window by moving its right edge <var>x</var> <a lt=px value>CSS pixels</a> of <var>target</var> rightward and its bottom edge <var>y</var> <a lt=px value>CSS pixels</a> of <var>target</var> downward.
 1. Optionally, move <var>target</var>'s window in a user-agent-defined manner so that it does not grow outside the available space.