LayoutMedia: Should not handle OOF boxes
After LayoutMediaNGContainer task, LayoutMedia could be a container of
its OOF descendants, but NGReplacedLayoutAlgorithm has no ability to lay
out OOF boxes.
This CL fixes the issue by making LayoutMedia children OOF containers
by forcing paint containment.
Bug: 1425520
Change-Id: I19e10c9a94341cba376883bf544ef69ea413dca5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4349736
Reviewed-by: Koji Ishii <kojii@chromium.org>
Commit-Queue: Koji Ishii <kojii@chromium.org>
Auto-Submit: Kent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1119211}
diff --git a/webvtt/rendering/cues-with-video/processing-model/evil/non-standard-pseudo-elements-ref.html b/webvtt/rendering/cues-with-video/processing-model/evil/non-standard-pseudo-elements-ref.html
new file mode 100644
index 0000000..5664a4d
--- /dev/null
+++ b/webvtt/rendering/cues-with-video/processing-model/evil/non-standard-pseudo-elements-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<style>
+video { width:560px; height:320px; }
+</style>
+<video>
+<source src="/media/white.webm" type="video/webm">
+<source src="/media/white.mp4" type="video/mp4">
+<track label="English subtitles" kind="subtitles" srclang="en" src="support/test.vtt" default>
+</video>
+<script>
+const v = document.querySelector('video');
+v.onseeked = () => { document.documentElement.classList.remove('reftest-wait'); };
+v.currentTime = 3;
+</script>
+</html>
diff --git a/webvtt/rendering/cues-with-video/processing-model/evil/non-standard-pseudo-elements.html b/webvtt/rendering/cues-with-video/processing-model/evil/non-standard-pseudo-elements.html
new file mode 100644
index 0000000..20cf81a
--- /dev/null
+++ b/webvtt/rendering/cues-with-video/processing-model/evil/non-standard-pseudo-elements.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en" class="reftest-wait">
+<title>position:fixed on non-standard ::-webkit-media-text-track-display should not affect</title>
+<link rel="match" href="non-standard-pseudo-elements-ref.html">
+<style>
+video { width:560px; height:320px; }
+video::-webkit-media-text-track-display {
+ position: fixed !important;
+}
+</style>
+<video>
+<source src="/media/white.webm" type="video/webm">
+<source src="/media/white.mp4" type="video/mp4">
+<track label="English subtitles" kind="subtitles" srclang="en" src="support/test.vtt" default>
+</video>
+<script>
+const v = document.querySelector('video');
+v.onseeked = () => { document.documentElement.classList.remove('reftest-wait'); };
+v.currentTime = 3;
+</script>
+</html>
