Convert media controls from DeprecatedFlexibleBox to FlexibleBox
authorcommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 15 Feb 2013 01:39:18 +0000 (01:39 +0000)
committercommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 15 Feb 2013 01:39:18 +0000 (01:39 +0000)
https://bugs.webkit.org/show_bug.cgi?id=109775

Patch by Christian Biesinger <cbiesinger@chromium.org> on 2013-02-14
Reviewed by Ojan Vafai.

Source/WebCore:

Covered by existing tests in media/.

* css/mediaControls.css:
* css/mediaControlsBlackBerry.css:
* css/mediaControlsChromium.css:
* css/mediaControlsChromiumAndroid.css:
* css/mediaControlsEfl.css:
* css/mediaControlsGtk.css:
* css/mediaControlsQt.css:
* css/mediaControlsQuickTime.css:
Automated search and replace of old flexbox CSS rules to new ones.
Minor tuning of the chromium rules.

* rendering/RenderMediaControlElements.cpp:
(WebCore::RenderMediaControlTimeDisplay::RenderMediaControlTimeDisplay):
(WebCore::RenderMediaControlTimeDisplay::layout):
* rendering/RenderMediaControlElements.h:
Make media controls inherit from RenderFlexibleBox

LayoutTests:

Rebaselined lots of tests. There were two kinds of changes:
- Replaced the RenderDeprecatedFlexibleBox class name with
RenderFlexibleBox, and minor printing differences
- Slight positioning/size changes due to a different algorithm for
shrinking elements (old flexbox shrinks elements evenly, new flexbox
shrinks in proportion to the size of the flex item)

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@142947 268f45cc-cd09-0410-ab3c-d52691b4dbfc

158 files changed:
LayoutTests/ChangeLog
LayoutTests/media/media-document-audio-repaint-expected.txt
LayoutTests/platform/chromium-android/fast/hidpi/video-controls-in-hidpi-expected.txt
LayoutTests/platform/chromium-android/fast/layers/video-layer-expected.txt
LayoutTests/platform/chromium-android/media/audio-controls-rendering-expected.txt
LayoutTests/platform/chromium-android/media/controls-after-reload-expected.txt
LayoutTests/platform/chromium-android/media/controls-strict-expected.txt
LayoutTests/platform/chromium-android/media/controls-styling-expected.txt
LayoutTests/platform/chromium-android/media/controls-styling-strict-expected.txt
LayoutTests/platform/chromium-android/media/controls-without-preload-expected.txt
LayoutTests/platform/chromium-android/media/media-controls-clone-expected.txt
LayoutTests/platform/chromium-android/media/media-document-audio-repaint-expected.txt
LayoutTests/platform/chromium-android/media/video-controls-rendering-expected.txt
LayoutTests/platform/chromium-android/media/video-display-toggle-expected.txt
LayoutTests/platform/chromium-android/media/video-empty-source-expected.txt
LayoutTests/platform/chromium-android/media/video-no-audio-expected.txt
LayoutTests/platform/chromium-android/media/video-playing-and-pause-expected.txt
LayoutTests/platform/chromium-android/media/video-zoom-controls-expected.txt
LayoutTests/platform/chromium-linux/media/audio-repaint-expected.png
LayoutTests/platform/chromium-linux/media/controls-after-reload-expected.png
LayoutTests/platform/chromium-linux/media/controls-strict-expected.png
LayoutTests/platform/chromium-linux/media/controls-styling-expected.png
LayoutTests/platform/chromium-linux/media/controls-styling-strict-expected.png
LayoutTests/platform/chromium-linux/media/controls-without-preload-expected.png
LayoutTests/platform/chromium-linux/media/media-document-audio-repaint-expected.png
LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-horizontal-expected.png
LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-vertical-expected.png
LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-vertical-expected.txt
LayoutTests/platform/chromium-linux/media/video-controls-rendering-expected.png
LayoutTests/platform/chromium-linux/media/video-display-toggle-expected.png
LayoutTests/platform/chromium-linux/media/video-playing-and-pause-expected.png
LayoutTests/platform/chromium-mac/fast/hidpi/video-controls-in-hidpi-expected.txt
LayoutTests/platform/chromium-mac/fast/layers/video-layer-expected.txt
LayoutTests/platform/chromium-mac/media/audio-controls-rendering-expected.txt
LayoutTests/platform/chromium-mac/media/audio-repaint-expected.txt
LayoutTests/platform/chromium-mac/media/controls-after-reload-expected.txt
LayoutTests/platform/chromium-mac/media/controls-strict-expected.txt
LayoutTests/platform/chromium-mac/media/controls-styling-expected.txt
LayoutTests/platform/chromium-mac/media/controls-styling-strict-expected.txt
LayoutTests/platform/chromium-mac/media/controls-without-preload-expected.txt
LayoutTests/platform/chromium-mac/media/media-controls-clone-expected.txt
LayoutTests/platform/chromium-mac/media/media-document-audio-repaint-expected.txt
LayoutTests/platform/chromium-mac/media/track/track-cue-rendering-horizontal-expected.txt
LayoutTests/platform/chromium-mac/media/track/track-cue-rendering-vertical-expected.txt
LayoutTests/platform/chromium-mac/media/video-controls-rendering-expected.txt
LayoutTests/platform/chromium-mac/media/video-display-toggle-expected.txt
LayoutTests/platform/chromium-mac/media/video-empty-source-expected.txt
LayoutTests/platform/chromium-mac/media/video-no-audio-expected.txt
LayoutTests/platform/chromium-mac/media/video-playing-and-pause-expected.txt
LayoutTests/platform/chromium-mac/media/video-zoom-controls-expected.txt
LayoutTests/platform/chromium-mac/platform/chromium/virtual/gpu/fast/hidpi/video-controls-in-hidpi-expected.txt
LayoutTests/platform/chromium-win/fast/hidpi/video-controls-in-hidpi-expected.txt
LayoutTests/platform/chromium-win/fast/layers/video-layer-expected.txt
LayoutTests/platform/chromium-win/media/audio-controls-rendering-expected.txt
LayoutTests/platform/chromium-win/media/audio-repaint-expected.txt
LayoutTests/platform/chromium-win/media/controls-after-reload-expected.txt
LayoutTests/platform/chromium-win/media/controls-strict-expected.txt
LayoutTests/platform/chromium-win/media/controls-styling-expected.txt
LayoutTests/platform/chromium-win/media/controls-styling-strict-expected.txt
LayoutTests/platform/chromium-win/media/controls-without-preload-expected.txt
LayoutTests/platform/chromium-win/media/media-controls-clone-expected.txt
LayoutTests/platform/chromium-win/media/media-document-audio-repaint-expected.txt
LayoutTests/platform/chromium-win/media/track/track-cue-rendering-horizontal-expected.txt
LayoutTests/platform/chromium-win/media/video-controls-rendering-expected.txt
LayoutTests/platform/chromium-win/media/video-display-toggle-expected.txt
LayoutTests/platform/chromium-win/media/video-empty-source-expected.txt
LayoutTests/platform/chromium-win/media/video-no-audio-expected.txt
LayoutTests/platform/chromium-win/media/video-playing-and-pause-expected.txt
LayoutTests/platform/chromium-win/media/video-zoom-controls-expected.txt
LayoutTests/platform/chromium-win/platform/chromium/virtual/gpu/fast/hidpi/video-controls-in-hidpi-expected.txt
LayoutTests/platform/chromium/TestExpectations
LayoutTests/platform/efl/TestExpectations
LayoutTests/platform/efl/fast/layers/video-layer-expected.txt
LayoutTests/platform/efl/media/audio-controls-rendering-expected.txt
LayoutTests/platform/efl/media/audio-repaint-expected.txt
LayoutTests/platform/efl/media/controls-after-reload-expected.txt
LayoutTests/platform/efl/media/controls-strict-expected.txt
LayoutTests/platform/efl/media/controls-styling-expected.txt
LayoutTests/platform/efl/media/controls-styling-strict-expected.txt
LayoutTests/platform/efl/media/controls-without-preload-expected.txt
LayoutTests/platform/efl/media/media-controls-clone-expected.txt
LayoutTests/platform/efl/media/media-document-audio-repaint-expected.txt
LayoutTests/platform/efl/media/video-controls-rendering-expected.txt
LayoutTests/platform/efl/media/video-display-toggle-expected.txt
LayoutTests/platform/efl/media/video-empty-source-expected.txt
LayoutTests/platform/efl/media/video-no-audio-expected.txt
LayoutTests/platform/efl/media/video-playing-and-pause-expected.txt
LayoutTests/platform/efl/media/video-zoom-controls-expected.txt
LayoutTests/platform/gtk/TestExpectations
LayoutTests/platform/gtk/fast/hidpi/video-controls-in-hidpi-expected.txt
LayoutTests/platform/gtk/fast/layers/video-layer-expected.txt
LayoutTests/platform/gtk/media/audio-controls-rendering-expected.txt
LayoutTests/platform/gtk/media/audio-repaint-expected.txt
LayoutTests/platform/gtk/media/controls-after-reload-expected.txt
LayoutTests/platform/gtk/media/controls-strict-expected.txt
LayoutTests/platform/gtk/media/controls-styling-expected.txt
LayoutTests/platform/gtk/media/controls-styling-strict-expected.txt
LayoutTests/platform/gtk/media/controls-without-preload-expected.txt
LayoutTests/platform/gtk/media/media-controls-clone-expected.txt
LayoutTests/platform/gtk/media/media-document-audio-repaint-expected.txt
LayoutTests/platform/gtk/media/video-controls-rendering-expected.txt
LayoutTests/platform/gtk/media/video-display-toggle-expected.txt
LayoutTests/platform/gtk/media/video-empty-source-expected.txt
LayoutTests/platform/gtk/media/video-no-audio-expected.txt
LayoutTests/platform/gtk/media/video-playing-and-pause-expected.txt
LayoutTests/platform/gtk/media/video-zoom-controls-expected.txt
LayoutTests/platform/mac-snowleopard/media/controls-strict-expected.txt
LayoutTests/platform/mac-snowleopard/media/controls-styling-expected.txt
LayoutTests/platform/mac-snowleopard/media/controls-without-preload-expected.txt
LayoutTests/platform/mac-snowleopard/media/video-controls-rendering-expected.txt
LayoutTests/platform/mac-snowleopard/media/video-display-toggle-expected.txt
LayoutTests/platform/mac-snowleopard/media/video-no-audio-expected.txt
LayoutTests/platform/mac/fast/hidpi/video-controls-in-hidpi-expected.txt
LayoutTests/platform/mac/fast/layers/video-layer-expected.txt
LayoutTests/platform/mac/media/audio-controls-rendering-expected.txt
LayoutTests/platform/mac/media/audio-repaint-expected.txt
LayoutTests/platform/mac/media/controls-after-reload-expected.txt
LayoutTests/platform/mac/media/controls-strict-expected.txt
LayoutTests/platform/mac/media/controls-styling-expected.txt
LayoutTests/platform/mac/media/controls-styling-strict-expected.txt
LayoutTests/platform/mac/media/controls-without-preload-expected.txt
LayoutTests/platform/mac/media/media-controls-clone-expected.txt
LayoutTests/platform/mac/media/video-controls-rendering-expected.txt
LayoutTests/platform/mac/media/video-display-toggle-expected.txt
LayoutTests/platform/mac/media/video-empty-source-expected.txt
LayoutTests/platform/mac/media/video-no-audio-expected.txt
LayoutTests/platform/mac/media/video-playing-and-pause-expected.txt
LayoutTests/platform/mac/media/video-zoom-controls-expected.txt
LayoutTests/platform/qt/TestExpectations
LayoutTests/platform/qt/media/audio-repaint-expected.txt
LayoutTests/platform/qt/media/controls-without-preload-expected.txt
LayoutTests/platform/qt/media/video-playing-and-pause-expected.txt
LayoutTests/platform/win-xp/fast/layers/video-layer-expected.txt
LayoutTests/platform/win-xp/media/audio-controls-rendering-expected.txt
LayoutTests/platform/win-xp/media/audio-repaint-expected.txt
LayoutTests/platform/win-xp/media/controls-after-reload-expected.txt
LayoutTests/platform/win-xp/media/controls-strict-expected.txt
LayoutTests/platform/win-xp/media/controls-styling-expected.txt
LayoutTests/platform/win-xp/media/controls-without-preload-expected.txt
LayoutTests/platform/win-xp/media/media-controls-clone-expected.txt
LayoutTests/platform/win-xp/media/media-document-audio-repaint-expected.txt
LayoutTests/platform/win-xp/media/video-controls-rendering-expected.txt
LayoutTests/platform/win-xp/media/video-display-toggle-expected.txt
LayoutTests/platform/win-xp/media/video-empty-source-expected.txt
LayoutTests/platform/win-xp/media/video-no-audio-expected.txt
LayoutTests/platform/win-xp/media/video-playing-and-pause-expected.txt
LayoutTests/platform/win/TestExpectations
Source/WebCore/ChangeLog
Source/WebCore/css/mediaControls.css
Source/WebCore/css/mediaControlsBlackBerry.css
Source/WebCore/css/mediaControlsChromium.css
Source/WebCore/css/mediaControlsChromiumAndroid.css
Source/WebCore/css/mediaControlsEfl.css
Source/WebCore/css/mediaControlsGtk.css
Source/WebCore/css/mediaControlsQt.css
Source/WebCore/css/mediaControlsQuickTime.css
Source/WebCore/rendering/RenderMediaControlElements.cpp
Source/WebCore/rendering/RenderMediaControlElements.h

index 122d629..eff0284 100644 (file)
@@ -1,3 +1,17 @@
+2013-02-14  Christian Biesinger  <cbiesinger@chromium.org>
+
+        Convert media controls from DeprecatedFlexibleBox to FlexibleBox
+        https://bugs.webkit.org/show_bug.cgi?id=109775
+
+        Reviewed by Ojan Vafai.
+
+        Rebaselined lots of tests. There were two kinds of changes:
+        - Replaced the RenderDeprecatedFlexibleBox class name with
+        RenderFlexibleBox, and minor printing differences
+        - Slight positioning/size changes due to a different algorithm for
+        shrinking elements (old flexbox shrinks elements evenly, new flexbox
+        shrinks in proportion to the size of the flex item)
+
 2013-02-14  Ryosuke Niwa  <rniwa@webkit.org>
 
         Mac rebaseline after r142931.
index 35f92cd..d850f1d 100644 (file)
@@ -22,22 +22,22 @@ layer at (8,42) size 384x334
     layer at (40,164) size 300x1
       RenderBlock (relative positioned) {DIV} at (0,0) size 300x1
     layer at (40,140) size 300x25
-      RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,-24) size 300x25
+      RenderFlexibleBox (positioned) {DIV} at (0,-24) size 300x25
         RenderButton {INPUT} at (6,3) size 18x18
         RenderButton {INPUT} at (32,4) size 16x16
-        RenderDeprecatedFlexibleBox {DIV} at (49,5) size 226x15
+        RenderFlexibleBox {DIV} at (49,5) size 226x15
           RenderSlider {INPUT} at (45,2) size 136x13
-            RenderDeprecatedFlexibleBox {DIV} at (0,0) size 136x13
+            RenderFlexibleBox {DIV} at (0,0) size 136x13
               RenderBlock {DIV} at (0,2) size 126x8
               RenderBlock {DIV} at (126,2) size 10x8
         RenderButton {INPUT} at (277,6) size 14x12
     layer at (89,147) size 45x11
-      RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+      RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (9,0) size 26x11
           RenderText {#text} at (0,0) size 26x11
             text run at (0,0) width 26: "00:00"
     layer at (270,147) size 45x11
-      RenderDeprecatedFlexibleBox {DIV} at (181,2) size 45x11 [color=#FFFFFF]
+      RenderFlexibleBox {DIV} at (181,2) size 45x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (7,0) size 31x11
           RenderText {#text} at (0,0) size 31x11
             text run at (0,0) width 31: "-00:00"
index 3f994b0..7cdd29f 100644 (file)
@@ -11,21 +11,21 @@ layer at (0,0) size 800x600
 layer at (8,28) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,28) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
+    RenderFlexibleBox {DIV} at (0,0) size 300x115
       RenderButton {INPUT} at (110,17) size 80x81
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,143) size 290x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 176x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 156x24
         RenderBlock {DIV} at (150,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
 layer at (60,149) size 32x24
-  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
+  RenderBlock {DIV} at (-7,-8) size 32x24
index 4eb466f..836493c 100644 (file)
@@ -16,21 +16,21 @@ layer at (0,0) size 800x600
 layer at (58,114) size 302x152
   RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
 layer at (59,115) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
+    RenderFlexibleBox {DIV} at (0,0) size 300x115
       RenderButton {INPUT} at (110,17) size 80x81
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (64,230) size 290x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 176x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 156x24
         RenderBlock {DIV} at (150,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
 layer at (111,236) size 32x24
-  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
+  RenderBlock {DIV} at (-7,-8) size 32x24
index 0712e43..a709ce5 100644 (file)
@@ -15,34 +15,34 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,90) size 0x19
         RenderBR {BR} at (0,110) size 0x19
 layer at (8,44) size 300x35
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35
+  RenderFlexibleBox {DIV} at (0,0) size 300x35
     RenderBlock {DIV} at (0,0) size 300x35
 layer at (8,44) size 300x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 186x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 166x24
         RenderBlock {DIV} at (160,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:07"
 layer at (55,50) size 32x24
   RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
 layer at (8,99) size 320x35
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x35
+  RenderFlexibleBox {DIV} at (0,0) size 320x35
     RenderBlock {DIV} at (0,0) size 320x35
 layer at (8,99) size 320x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 206x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 186x24
         RenderBlock {DIV} at (180,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:07"
@@ -51,17 +51,17 @@ layer at (55,105) size 32x24
 layer at (8,154) size 320x100
   RenderMedia {AUDIO} at (8,154) size 320x100 [bgcolor=#0000FF]
 layer at (8,154) size 320x100
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
+  RenderFlexibleBox {DIV} at (0,0) size 320x100
     RenderBlock {DIV} at (0,65) size 320x35
 layer at (8,219) size 320x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 206x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 186x24
         RenderBlock {DIV} at (180,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:07"
index 931ece7..8d28d87 100644 (file)
@@ -11,19 +11,19 @@ layer at (0,0) size 800x600
 layer at (8,44) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,249) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index 32727d1..8493330 100644 (file)
@@ -11,19 +11,19 @@ layer at (0,0) size 800x305
 layer at (8,52) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,52) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,257) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index f025b41..217c51b 100644 (file)
@@ -15,19 +15,19 @@ layer at (18,44) size 320x240
 layer at (8,284) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (18,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (23,249) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
@@ -36,19 +36,19 @@ layer at (23,249) size 310x35 scrollHeight 39
 layer at (70,255) size 32x24
   RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
 layer at (8,284) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,489) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index e0469a6..7d6b149 100644 (file)
@@ -15,19 +15,19 @@ layer at (8,52) size 320x240
 layer at (332,52) size 320x240
   RenderVideo {VIDEO} at (324,0) size 320x240
 layer at (8,52) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,257) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x38
       RenderButton {INPUT} at (9,2) size 35x36
     RenderSlider {INPUT} at (53,13) size 158x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 158x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 158x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 138x24
         RenderBlock {DIV} at (132,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (226,0) size 36x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (226,0) size 36x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 36x35
         RenderText {#text} at (0,7) size 36x21
           text run at (0,7) width 36: "0:00"
@@ -36,19 +36,19 @@ layer at (13,257) size 310x35 scrollHeight 39
 layer at (60,263) size 32x24
   RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
 layer at (332,52) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (337,257) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index 2f60799..5a15a7b 100644 (file)
@@ -11,19 +11,19 @@ layer at (0,0) size 800x600
 layer at (8,44) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,249) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index bbffc78..057d0e0 100644 (file)
@@ -12,72 +12,72 @@ layer at (8,8) size 300x150
 layer at (8,163) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,8) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
+    RenderFlexibleBox {DIV} at (0,0) size 300x115
       RenderButton {INPUT} at (110,17) size 80x81
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,123) size 290x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 176x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 156x24
         RenderBlock {DIV} at (150,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
 layer at (60,129) size 32x24
   RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
 layer at (308,123) size 300x35
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35
+  RenderFlexibleBox {DIV} at (0,0) size 300x35
     RenderBlock {DIV} at (0,0) size 300x35
 layer at (308,123) size 300x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 186x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 166x24
         RenderBlock {DIV} at (160,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
 layer at (355,129) size 32x24
   RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
 layer at (8,163) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
+    RenderFlexibleBox {DIV} at (0,0) size 300x115
       RenderButton {INPUT} at (110,17) size 80x81
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,278) size 290x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 176x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 156x24
         RenderBlock {DIV} at (150,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
 layer at (60,284) size 32x24
   RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
 layer at (308,278) size 300x35
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35
+  RenderFlexibleBox {DIV} at (0,0) size 300x35
     RenderBlock {DIV} at (0,0) size 300x35
 layer at (308,278) size 300x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 186x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 166x24
         RenderBlock {DIV} at (160,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index 4518c1e..c4f999e 100644 (file)
@@ -17,19 +17,19 @@ layer at (0,0) size 800x600
           layer at (40,165) size 300x1
             RenderVideo {VIDEO} at (40,165) size 300x1
           layer at (40,165) size 300x1
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x1
-              RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x0
+            RenderFlexibleBox {DIV} at (0,0) size 300x1
+              RenderFlexibleBox {DIV} at (0,0) size 300x0
                 RenderButton {INPUT} at (110,0) size 80x80
               RenderBlock {DIV} at (0,0) size 300x35
           layer at (45,165) size 290x35 scrollHeight 39
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
+            RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
               RenderBlock (anonymous) at (0,0) size 53x35
                 RenderButton {INPUT} at (9,-1) size 35x36
               RenderSlider {INPUT} at (53,13) size 176x9
-                RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
+                RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
                   RenderBlock {DIV} at (1,1) size 156x24
                   RenderBlock {DIV} at (150,1) size 32x24
-              RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
+              RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
                 RenderBlock (anonymous) at (0,0) size 37x35
                   RenderText {#text} at (0,7) size 37x21
                     text run at (0,7) width 37: "0:00"
index 0b58670..edc4be5 100644 (file)
@@ -16,19 +16,19 @@ layer at (8,44) size 320x240
 layer at (8,284) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,249) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
@@ -37,19 +37,19 @@ layer at (13,249) size 310x35 scrollHeight 39
 layer at (60,255) size 32x24
   RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
 layer at (8,284) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,489) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
@@ -60,19 +60,19 @@ layer at (60,495) size 32x24
 layer at (8,524) size 320x240
   RenderVideo {VIDEO} at (8,524) size 320x240
 layer at (8,524) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,729) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index 61f8f15..c41a030 100644 (file)
@@ -10,19 +10,19 @@ layer at (0,0) size 800x600
 layer at (8,28) size 320x240
   RenderVideo {VIDEO} at (0,20) size 320x240
 layer at (8,28) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,233) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:06"
index 54b8633..499b282 100644 (file)
@@ -11,19 +11,19 @@ layer at (0,0) size 800x600
 layer at (8,44) size 302x152
   RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
 layer at (9,45) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
+    RenderFlexibleBox {DIV} at (0,0) size 300x115
       RenderButton {INPUT} at (110,17) size 80x81
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (14,160) size 290x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 176x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 156x24
         RenderBlock {DIV} at (150,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index 1b25eb2..f647811 100644 (file)
@@ -11,19 +11,19 @@ layer at (0,0) size 800x600
 layer at (8,44) size 352x288
   RenderVideo {VIDEO} at (0,0) size 352x288
 layer at (8,44) size 352x288
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 352x253
+  RenderFlexibleBox {DIV} at (0,0) size 352x288
+    RenderFlexibleBox {DIV} at (0,0) size 352x253
       RenderButton {INPUT} at (136,86) size 80x81
     RenderBlock {DIV} at (0,253) size 352x35
 layer at (13,297) size 342x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 342x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 342x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 189x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 189x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 189x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 169x24
         RenderBlock {DIV} at (163,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (257,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (257,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:09"
index 735b0f5..5b16358 100644 (file)
@@ -12,19 +12,19 @@ layer at (0,0) size 800x325
 layer at (8,72) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,72) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderFlexibleBox {DIV} at (0,0) size 320x205
       RenderButton {INPUT} at (120,62) size 80x81
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,277) size 310x35 scrollHeight 39
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 53x35
       RenderButton {INPUT} at (9,-1) size 35x36
     RenderSlider {INPUT} at (53,13) size 157x9
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 137x24
         RenderBlock {DIV} at (131,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 37x35
         RenderText {#text} at (0,7) size 37x21
           text run at (0,7) width 37: "0:00"
index 98a2ec9..35b4394 100644 (file)
@@ -9,19 +9,19 @@ layer at (0,0) size 800x600
 layer at (57,85) size 240x180
   RenderVideo {VIDEO} at (45,73) size 240x180
 layer at (57,85) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 240x128
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
+    RenderFlexibleBox {DIV} at (0,0) size 240x128
       RenderButton {INPUT} at (60,3) size 120x121
     RenderBlock {DIV} at (0,127) size 240x53
 layer at (65,213) size 225x53 backgroundClip at (65,213) size 225x52 clip at (65,213) size 225x52 scrollWidth 267 scrollHeight 57
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 80x53
       RenderButton {INPUT} at (13,-1) size 53x53
     RenderSlider {INPUT} at (79,20) size 38x13
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 9x36
         RenderBlock {DIV} at (-1,1) size 48x36
-    RenderDeprecatedFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 55x53
         RenderText {#text} at (0,10) size 55x32
           text run at (0,10) width 55: "0:00"
@@ -32,19 +32,19 @@ layer at (135,220) size 49x36
 layer at (57,310) size 240x180
   RenderVideo {VIDEO} at (45,298) size 240x180
 layer at (57,310) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
-    RenderDeprecatedFlexibleBox {DIV} at (0,0) size 240x128
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
+    RenderFlexibleBox {DIV} at (0,0) size 240x128
       RenderButton {INPUT} at (60,3) size 120x121
     RenderBlock {DIV} at (0,127) size 240x53
 layer at (65,438) size 225x53 backgroundClip at (65,438) size 225x52 clip at (65,438) size 225x52 scrollWidth 267 scrollHeight 57
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
     RenderBlock (anonymous) at (0,0) size 80x53
       RenderButton {INPUT} at (13,-1) size 53x53
     RenderSlider {INPUT} at (79,20) size 38x13
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
+      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,1) size 9x36
         RenderBlock {DIV} at (-1,1) size 48x36
-    RenderDeprecatedFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 55x53
         RenderText {#text} at (0,10) size 55x32
           text run at (0,10) width 55: "0:00"
index 3afe77e..1d2d708 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/audio-repaint-expected.png and b/LayoutTests/platform/chromium-linux/media/audio-repaint-expected.png differ
index 3a2b265..f4ec614 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/controls-after-reload-expected.png and b/LayoutTests/platform/chromium-linux/media/controls-after-reload-expected.png differ
index e34bdfa..bdb156b 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/controls-strict-expected.png and b/LayoutTests/platform/chromium-linux/media/controls-strict-expected.png differ
index 991e86b..fdfac90 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/controls-styling-expected.png and b/LayoutTests/platform/chromium-linux/media/controls-styling-expected.png differ
index b99c1cd..2aafaef 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/controls-styling-strict-expected.png and b/LayoutTests/platform/chromium-linux/media/controls-styling-strict-expected.png differ
index b56b0e9..318cea3 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/controls-without-preload-expected.png and b/LayoutTests/platform/chromium-linux/media/controls-without-preload-expected.png differ
index 48c561a..a1c41f1 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/media-document-audio-repaint-expected.png and b/LayoutTests/platform/chromium-linux/media/media-document-audio-repaint-expected.png differ
index e1eeaf1..b49e8e8 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-horizontal-expected.png and b/LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-horizontal-expected.png differ
index 1ed40f7..4ee5f74 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-vertical-expected.png and b/LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-vertical-expected.png differ
index ddd77d9..56fb4a9 100644 (file)
@@ -21,63 +21,56 @@ layer at (0,0) size 800x341
 layer at (8,8) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,8) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (8,8) size 320x205
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
+    RenderInline {SPAN} at (0,0) size 0x0
 layer at (12,8) size 15x205 scrollX 2 scrollWidth 17
   RenderBlock (positioned) {DIV} at (4,0) size 15x205
     RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
-      RenderText {#text} at (0,45) size 15x111
-        text run at (0,45) width 111: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
+      RenderText {#text} at (0,47) size 15x111
+        text run at (0,47) width 111: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (31,8) size 15x205 scrollX 2 scrollWidth 17
   RenderBlock (positioned) {DIV} at (23,0) size 15x205
     RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
-      RenderText {#text} at (0,45) size 15x111
-        text run at (0,45) width 111: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
+      RenderText {#text} at (0,47) size 15x111
+        text run at (0,47) width 111: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (256,8) size 15x205 scrollX 2 scrollWidth 17
   RenderBlock (positioned) {DIV} at (248,0) size 15x205
     RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
-      RenderText {#text} at (0,45) size 15x111
-        text run at (0,45) width 111: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
+      RenderText {#text} at (0,47) size 15x111
+        text run at (0,47) width 111: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (237,8) size 15x205 scrollX 2 scrollWidth 17
   RenderBlock (positioned) {DIV} at (229,0) size 15x205
     RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
-      RenderText {#text} at (0,45) size 15x111
-        text run at (0,45) width 111: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
+      RenderText {#text} at (0,47) size 15x111
+        text run at (0,47) width 111: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (309,8) size 15x205 scrollWidth 17
   RenderBlock (positioned) {DIV} at (301,0) size 15x205
     RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
-      RenderText {#text} at (0,45) size 15x111
-        text run at (0,45) width 111: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
+      RenderText {#text} at (0,47) size 15x111
+        text run at (0,47) width 111: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (290,8) size 15x205 scrollWidth 17
   RenderBlock (positioned) {DIV} at (282,0) size 15x205
     RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
-      RenderText {#text} at (0,45) size 15x111
-        text run at (0,45) width 111: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
-layer at (13,213) size 310x30 scrollHeight 36
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+      RenderText {#text} at (0,47) size 15x111
+        text run at (0,47) width 111: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
+layer at (13,213) size 310x30
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 74x8
       RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 54x24
+        RenderBlock {DIV} at (1,-8) size 86x24
           RenderBlock {DIV} at (-1,0) size 33x24
-        RenderBlock {DIV} at (48,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (171,0) size 35x30
     RenderSlider {INPUT} at (212,11) size 15x8
       RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 3x24
+        RenderBlock {DIV} at (1,-8) size 27x24
           RenderBlock {DIV} at (-4,0) size 24x24
-        RenderBlock {DIV} at (-3,1) size 24x24
     RenderButton {INPUT} at (237,0) size 30x30
     RenderButton {INPUT} at (271,0) size 30x30
index 4a50f9f..84cbdc0 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/video-controls-rendering-expected.png and b/LayoutTests/platform/chromium-linux/media/video-controls-rendering-expected.png differ
index 8adaf23..513ab4a 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/video-display-toggle-expected.png and b/LayoutTests/platform/chromium-linux/media/video-display-toggle-expected.png differ
index 62b1c2a..ba85a98 100644 (file)
Binary files a/LayoutTests/platform/chromium-linux/media/video-playing-and-pause-expected.png and b/LayoutTests/platform/chromium-linux/media/video-playing-and-pause-expected.png differ
index 8421e7e..d0300a3 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,26) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,26) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,141) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
index 192de6b..7813e54 100644 (file)
@@ -16,16 +16,16 @@ layer at (0,0) size 800x600
 layer at (58,110) size 302x152
   RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
 layer at (59,111) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (64,226) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
index 340c1b5..f279c09 100644 (file)
@@ -15,61 +15,61 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,78) size 0x18
         RenderBR {BR} at (0,96) size 0x18
 layer at (8,42) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,42) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:07"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
 layer at (8,90) size 320x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30
+  RenderFlexibleBox {DIV} at (0,0) size 320x30
     RenderBlock {DIV} at (0,0) size 320x30
 layer at (8,90) size 320x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 113x8
-      RenderFlexibleBox {DIV} at (0,0) size 113x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 125x24
+    RenderSlider {INPUT} at (48,11) size 114x8
+      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 126x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:07"
-    RenderButton {INPUT} at (210,0) size 35x30
+    RenderButton {INPUT} at (210,0) size 36x30
     RenderSlider {INPUT} at (251,11) size 54x8
       RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 66x24
-          RenderBlock {DIV} at (35,0) size 24x24
+          RenderBlock {DIV} at (34,0) size 25x24
 layer at (8,138) size 320x100
   RenderMedia {AUDIO} at (8,138) size 320x100 [bgcolor=#0000FF]
 layer at (8,138) size 320x100
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
+  RenderFlexibleBox {DIV} at (0,0) size 320x100
     RenderBlock {DIV} at (0,70) size 320x30
 layer at (8,208) size 320x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 113x8
-      RenderFlexibleBox {DIV} at (0,0) size 113x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 125x24
+    RenderSlider {INPUT} at (48,11) size 114x8
+      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 126x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:07"
-    RenderButton {INPUT} at (210,0) size 35x30
+    RenderButton {INPUT} at (210,0) size 36x30
     RenderSlider {INPUT} at (251,11) size 54x8
       RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 66x24
-          RenderBlock {DIV} at (35,0) size 24x24
+          RenderBlock {DIV} at (34,0) size 25x24
index e73a5fb..77cce31 100644 (file)
@@ -15,61 +15,61 @@ layer at (0,0) size 800x600
 layer at (8,72) size 300x30
   RenderMedia {AUDIO} at (0,30) size 300x30
 layer at (8,72) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,72) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (34,0) size 33x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
 layer at (8,42) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,42) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (34,0) size 33x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
 layer at (8,154) size 300x30
   RenderMedia {AUDIO} at (0,112) size 300x30
 layer at (8,154) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,154) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (34,0) size 33x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
index 6127070..548eef0 100644 (file)
@@ -11,22 +11,22 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,247) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 4aeadaa..e7b3935 100644 (file)
@@ -11,22 +11,22 @@ layer at (0,0) size 800x302
 layer at (8,50) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,255) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 8aa60e6..21e4316 100644 (file)
@@ -15,42 +15,42 @@ layer at (18,42) size 320x240
 layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (18,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (23,247) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,282) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,487) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 6294d9b..3efa585 100644 (file)
@@ -15,42 +15,42 @@ layer at (8,50) size 320x240
 layer at (332,50) size 320x240
   RenderVideo {VIDEO} at (324,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,255) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (332,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (337,255) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index b6ccf56..09414a6 100644 (file)
@@ -11,22 +11,22 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,247) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 2cf7a06..3528f4d 100644 (file)
@@ -12,61 +12,61 @@ layer at (8,8) size 300x150
 layer at (8,162) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,8) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,123) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (249,0) size 35x30
 layer at (308,128) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (308,128) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 162x8
       RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 174x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (259,0) size 35x30
 layer at (8,162) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,277) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (249,0) size 35x30
 layer at (308,282) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (308,282) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 162x8
       RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 174x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
index d889ea4..941995c 100644 (file)
@@ -17,23 +17,23 @@ layer at (0,0) size 800x600
           layer at (40,165) size 300x1
             RenderVideo {VIDEO} at (40,164) size 300x2
           layer at (40,165) size 300x1
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x1
-              RenderBlock {DIV} at (0,0) size 300x35
-          layer at (45,165) size 290x30
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+            RenderFlexibleBox {DIV} at (0,0) size 300x1
+              RenderBlock {DIV} at (0,-34) size 300x35
+          layer at (45,131) size 290x30
+            RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
               RenderButton {INPUT} at (9,0) size 30x30
-              RenderSlider {INPUT} at (48,11) size 98x8
-                RenderFlexibleBox {DIV} at (0,0) size 98x8 [border: (1px solid #E6E6E659)]
-                  RenderBlock {DIV} at (1,-8) size 110x24
-                    RenderBlock {DIV} at (31,0) size 33x24
-              RenderDeprecatedFlexibleBox {DIV} at (161,0) size 25x30 [color=#FFFFFF]
+              RenderSlider {INPUT} at (48,11) size 99x8
+                RenderFlexibleBox {DIV} at (0,0) size 99x8 [border: (1px solid #E6E6E659)]
+                  RenderBlock {DIV} at (1,-8) size 111x24
+                    RenderBlock {DIV} at (32,0) size 33x24
+              RenderFlexibleBox {DIV} at (161,0) size 26x30 [color=#FFFFFF]
                 RenderBlock (anonymous) at (0,0) size 25x30
                   RenderText {#text} at (0,7) size 25x15
                     text run at (0,7) width 25: "0:00"
-              RenderButton {INPUT} at (195,0) size 35x30
+              RenderButton {INPUT} at (195,0) size 36x30
               RenderSlider {INPUT} at (236,11) size 39x8
                 RenderFlexibleBox {DIV} at (0,0) size 39x8 [border: (1px solid #E6E6E659)]
                   RenderBlock {DIV} at (1,-8) size 51x24
-                    RenderBlock {DIV} at (20,0) size 24x24
+                    RenderBlock {DIV} at (19,0) size 25x24
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
index 6ddee81..bbab838 100644 (file)
@@ -21,63 +21,56 @@ layer at (0,0) size 800x332
 layer at (8,8) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,8) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (8,8) size 320x205
-  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF00]
-layer at (8,8) size 320x14
-  RenderBlock (positioned) {DIV} at (0,0) size 320x14 [color=#FFFFFF]
+  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
+    RenderInline {SPAN} at (0,0) size 0x0
+layer at (8,8) size 320x14 scrollHeight 16
+  RenderBlock (positioned) {DIV} at (0,0) size 320x14
     RenderInline {DIV} at (0,0) size 280x18 [bgcolor=#000000CC]
       RenderText {#text} at (22,0) size 276x14
         text run at (22,0) width 276: "Cue 1: should be positioned at the top of the video."
-    RenderInline {DIV} at (0,0) size 3x18 [bgcolor=#000000CC]
-layer at (8,26) size 320x14
-  RenderBlock (positioned) {DIV} at (0,18) size 320x14 [color=#FFFFFF]
+layer at (8,26) size 320x14 scrollHeight 16
+  RenderBlock (positioned) {DIV} at (0,18) size 320x14
     RenderInline {DIV} at (0,0) size 308x18 [bgcolor=#000000CC]
       RenderText {#text} at (8,0) size 304x14
         text run at (8,0) width 304: "Cue 2: should be the second cue and not overlap cue 1."
-    RenderInline {DIV} at (0,0) size 3x18 [bgcolor=#000000CC]
-layer at (8,44) size 320x14
-  RenderBlock (positioned) {DIV} at (0,36) size 320x14 [color=#FFFFFF]
+layer at (8,44) size 320x14 scrollHeight 16
+  RenderBlock (positioned) {DIV} at (0,36) size 320x14
     RenderInline {DIV} at (0,0) size 300x18 [bgcolor=#000000CC]
       RenderText {#text} at (12,0) size 296x14
         text run at (12,0) width 296: "Cue 3: should become the third line from top to bottom."
-    RenderInline {DIV} at (0,0) size 2x18 [bgcolor=#000000CC]
-layer at (8,98) size 320x14
-  RenderBlock (positioned) {DIV} at (0,90) size 320x14 [color=#FFFFFF]
+layer at (8,98) size 320x14 scrollHeight 16
+  RenderBlock (positioned) {DIV} at (0,90) size 320x14
     RenderInline {DIV} at (0,0) size 292x18 [bgcolor=#000000CC]
       RenderText {#text} at (16,0) size 288x14
         text run at (16,0) width 288: "Cue 4: should be fixed positioned around the middle."
-    RenderInline {DIV} at (0,0) size 3x18 [bgcolor=#000000CC]
-layer at (8,195) size 320x14
-  RenderBlock (positioned) {DIV} at (0,187) size 320x14 [color=#FFFFFF]
+layer at (8,195) size 320x14 scrollHeight 16
+  RenderBlock (positioned) {DIV} at (0,187) size 320x14
     RenderInline {DIV} at (0,0) size 296x18 [bgcolor=#000000CC]
       RenderText {#text} at (14,0) size 292x14
         text run at (14,0) width 292: "Cue 5: should be displayed at the bottom of the video."
-    RenderInline {DIV} at (0,0) size 3x18 [bgcolor=#000000CC]
-layer at (8,177) size 320x14
-  RenderBlock (positioned) {DIV} at (0,169) size 320x14 [color=#FFFFFF]
+layer at (8,177) size 320x14 scrollHeight 16
+  RenderBlock (positioned) {DIV} at (0,169) size 320x14
     RenderInline {DIV} at (0,0) size 284x18 [bgcolor=#000000CC]
       RenderText {#text} at (20,0) size 280x14
         text run at (20,0) width 280: "Cue 6: should be on top of bottom positioned cue 5."
-    RenderInline {DIV} at (0,0) size 3x18 [bgcolor=#000000CC]
-layer at (13,213) size 310x30 scrollHeight 36
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+layer at (13,213) size 310x30
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 74x8
       RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 54x24
+        RenderBlock {DIV} at (1,-8) size 86x24
           RenderBlock {DIV} at (-5,0) size 33x24
-        RenderBlock {DIV} at (48,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (171,0) size 35x30
     RenderSlider {INPUT} at (212,11) size 15x8
       RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 3x24
+        RenderBlock {DIV} at (1,-8) size 27x24
           RenderBlock {DIV} at (-4,0) size 24x24
-        RenderBlock {DIV} at (-3,1) size 24x24
     RenderButton {INPUT} at (237,0) size 30x30
     RenderButton {INPUT} at (271,0) size 30x30
index e96d0cb..a44bb4b 100644 (file)
@@ -21,63 +21,56 @@ layer at (0,0) size 800x332
 layer at (8,8) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,8) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (8,8) size 320x205
-  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF00]
+  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
+    RenderInline {SPAN} at (0,0) size 0x0
 layer at (8,8) size 18x205
-  RenderBlock (positioned) {DIV} at (0,0) size 18x205 [color=#FFFFFF]
-    RenderInline {DIV} at (0,0) size 18x117 [bgcolor=#000000CC]
-      RenderText {#text} at (2,44) size 14x113
-        text run at (2,44) width 112: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
+  RenderBlock (positioned) {DIV} at (0,0) size 18x205
+    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
+      RenderText {#text} at (2,47) size 14x111
+        text run at (2,47) width 111: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (26,8) size 18x205
-  RenderBlock (positioned) {DIV} at (18,0) size 18x205 [color=#FFFFFF]
-    RenderInline {DIV} at (0,0) size 18x117 [bgcolor=#000000CC]
-      RenderText {#text} at (2,44) size 14x113
-        text run at (2,44) width 112: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
+  RenderBlock (positioned) {DIV} at (18,0) size 18x205
+    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
+      RenderText {#text} at (2,47) size 14x111
+        text run at (2,47) width 111: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (256,8) size 18x205
-  RenderBlock (positioned) {DIV} at (248,0) size 18x205 [color=#FFFFFF]
-    RenderInline {DIV} at (0,0) size 18x117 [bgcolor=#000000CC]
-      RenderText {#text} at (2,44) size 14x113
-        text run at (2,44) width 112: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
+  RenderBlock (positioned) {DIV} at (248,0) size 18x205
+    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
+      RenderText {#text} at (2,47) size 14x111
+        text run at (2,47) width 111: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (238,8) size 18x205
-  RenderBlock (positioned) {DIV} at (230,0) size 18x205 [color=#FFFFFF]
-    RenderInline {DIV} at (0,0) size 18x117 [bgcolor=#000000CC]
-      RenderText {#text} at (2,44) size 14x113
-        text run at (2,44) width 112: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
+  RenderBlock (positioned) {DIV} at (230,0) size 18x205
+    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
+      RenderText {#text} at (2,47) size 14x111
+        text run at (2,47) width 111: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (310,8) size 18x205
-  RenderBlock (positioned) {DIV} at (302,0) size 18x205 [color=#FFFFFF]
-    RenderInline {DIV} at (0,0) size 18x117 [bgcolor=#000000CC]
-      RenderText {#text} at (2,44) size 14x113
-        text run at (2,44) width 112: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
+  RenderBlock (positioned) {DIV} at (302,0) size 18x205
+    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
+      RenderText {#text} at (2,47) size 14x111
+        text run at (2,47) width 111: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
 layer at (292,8) size 18x205
-  RenderBlock (positioned) {DIV} at (284,0) size 18x205 [color=#FFFFFF]
-    RenderInline {DIV} at (0,0) size 18x117 [bgcolor=#000000CC]
-      RenderText {#text} at (2,44) size 14x113
-        text run at (2,44) width 112: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
-    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
-layer at (13,213) size 310x30 scrollHeight 36
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderBlock (positioned) {DIV} at (284,0) size 18x205
+    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
+      RenderText {#text} at (2,47) size 14x111
+        text run at (2,47) width 111: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
+layer at (13,213) size 310x30
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 74x8
       RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 54x24
+        RenderBlock {DIV} at (1,-8) size 86x24
           RenderBlock {DIV} at (-1,0) size 33x24
-        RenderBlock {DIV} at (48,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (171,0) size 35x30
     RenderSlider {INPUT} at (212,11) size 15x8
       RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 3x24
+        RenderBlock {DIV} at (1,-8) size 27x24
           RenderBlock {DIV} at (-4,0) size 24x24
-        RenderBlock {DIV} at (-3,1) size 24x24
     RenderButton {INPUT} at (237,0) size 30x30
     RenderButton {INPUT} at (271,0) size 30x30
index 9ad2304..a471d83 100644 (file)
@@ -16,64 +16,64 @@ layer at (8,42) size 320x240
 layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,247) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,282) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,487) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,522) size 320x240
   RenderVideo {VIDEO} at (8,522) size 320x240
 layer at (8,522) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,727) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index bc06586..14da6fa 100644 (file)
@@ -10,22 +10,22 @@ layer at (0,0) size 800x600
 layer at (8,26) size 320x240
   RenderVideo {VIDEO} at (0,18) size 320x240
 layer at (8,26) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,231) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:06"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 2c1cd71..0ac3572 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,42) size 302x152
   RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
 layer at (9,43) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (14,158) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
index 518d018..ba9ae46 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,42) size 352x288
   RenderVideo {VIDEO} at (0,0) size 352x288
 layer at (8,42) size 352x288
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288
+  RenderFlexibleBox {DIV} at (0,0) size 352x288
     RenderBlock {DIV} at (0,253) size 352x35
 layer at (13,295) size 342x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 342x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 342x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 170x8
       RenderFlexibleBox {DIV} at (0,0) size 170x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 182x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (233,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (233,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:09"
index cb8ed5a..3e972d9 100644 (file)
@@ -12,22 +12,22 @@ layer at (0,0) size 800x320
 layer at (8,68) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,68) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,273) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 783378e..86b9993 100644 (file)
@@ -9,44 +9,44 @@ layer at (0,0) size 800x600
 layer at (57,85) size 240x180
   RenderVideo {VIDEO} at (45,73) size 240x180
 layer at (57,85) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
     RenderBlock {DIV} at (0,127) size 240x53
-layer at (65,213) size 225x45 scrollWidth 329
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
-    RenderButton {INPUT} at (13,0) size 46x45
-    RenderSlider {INPUT} at (72,16) size 38x13
+layer at (65,213) size 225x45 scrollWidth 270
+  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
+    RenderButton {INPUT} at (-46,0) size 46x45
+    RenderSlider {INPUT} at (13,16) size 38x13
       RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-12) size 57x36
           RenderBlock {DIV} at (-11,0) size 49x36
-    RenderDeprecatedFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (73,0) size 40x45 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 40x45
         RenderText {#text} at (0,11) size 40x22
           text run at (0,11) width 40: "0:00"
-    RenderButton {INPUT} at (185,0) size 53x45
-    RenderSlider {INPUT} at (247,16) size 23x13
+    RenderButton {INPUT} at (126,0) size 53x45
+    RenderSlider {INPUT} at (188,16) size 23x13
       RenderFlexibleBox {DIV} at (0,0) size 23x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-12) size 42x36
           RenderBlock {DIV} at (-5,0) size 36x36
-    RenderButton {INPUT} at (284,0) size 46x45
+    RenderButton {INPUT} at (225,0) size 46x45
 layer at (57,310) size 240x180
   RenderVideo {VIDEO} at (45,298) size 240x180
 layer at (57,310) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
     RenderBlock {DIV} at (0,127) size 240x53
-layer at (65,438) size 225x45 scrollWidth 329
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
-    RenderButton {INPUT} at (13,0) size 46x45
-    RenderSlider {INPUT} at (72,16) size 38x13
+layer at (65,438) size 225x45 scrollWidth 270
+  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
+    RenderButton {INPUT} at (-46,0) size 46x45
+    RenderSlider {INPUT} at (13,16) size 38x13
       RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-12) size 57x36
           RenderBlock {DIV} at (-11,0) size 49x36
-    RenderDeprecatedFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (73,0) size 40x45 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 40x45
         RenderText {#text} at (0,11) size 40x22
           text run at (0,11) width 40: "0:00"
-    RenderButton {INPUT} at (185,0) size 53x45
-    RenderSlider {INPUT} at (247,16) size 23x13
+    RenderButton {INPUT} at (126,0) size 53x45
+    RenderSlider {INPUT} at (188,16) size 23x13
       RenderFlexibleBox {DIV} at (0,0) size 23x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-12) size 42x36
           RenderBlock {DIV} at (-5,0) size 36x36
-    RenderButton {INPUT} at (284,0) size 46x45
+    RenderButton {INPUT} at (225,0) size 46x45
index 8421e7e..d0300a3 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,26) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,26) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,141) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x15
           text run at (0,7) width 25: "0:00"
index 3dc3b2d..1af74b7 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,28) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,28) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,143) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
index 96d3a83..04045c8 100644 (file)
@@ -16,16 +16,16 @@ layer at (0,0) size 800x600
 layer at (58,114) size 302x152
   RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
 layer at (59,115) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (64,230) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
index 8e5a701..2bd7725 100644 (file)
@@ -15,61 +15,61 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,80) size 0x19
         RenderBR {BR} at (0,100) size 0x19
 layer at (8,44) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,44) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:07"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
 layer at (8,94) size 320x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30
+  RenderFlexibleBox {DIV} at (0,0) size 320x30
     RenderBlock {DIV} at (0,0) size 320x30
 layer at (8,94) size 320x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 113x8
-      RenderFlexibleBox {DIV} at (0,0) size 113x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 125x24
+    RenderSlider {INPUT} at (48,11) size 114x8
+      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 126x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:07"
-    RenderButton {INPUT} at (210,0) size 35x30
+    RenderButton {INPUT} at (210,0) size 36x30
     RenderSlider {INPUT} at (251,11) size 54x8
       RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 66x24
-          RenderBlock {DIV} at (35,0) size 24x24
+          RenderBlock {DIV} at (34,0) size 25x24
 layer at (8,144) size 320x100
   RenderMedia {AUDIO} at (8,144) size 320x100 [bgcolor=#0000FF]
 layer at (8,144) size 320x100
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
+  RenderFlexibleBox {DIV} at (0,0) size 320x100
     RenderBlock {DIV} at (0,70) size 320x30
 layer at (8,214) size 320x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 113x8
-      RenderFlexibleBox {DIV} at (0,0) size 113x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 125x24
+    RenderSlider {INPUT} at (48,11) size 114x8
+      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 126x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:07"
-    RenderButton {INPUT} at (210,0) size 35x30
+    RenderButton {INPUT} at (210,0) size 36x30
     RenderSlider {INPUT} at (251,11) size 54x8
       RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 66x24
-          RenderBlock {DIV} at (35,0) size 24x24
+          RenderBlock {DIV} at (34,0) size 25x24
index 06b16d0..fdb9b8a 100644 (file)
@@ -15,61 +15,61 @@ layer at (0,0) size 800x600
 layer at (8,74) size 300x30
   RenderMedia {AUDIO} at (0,30) size 300x30
 layer at (8,74) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,74) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (34,0) size 33x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
 layer at (8,44) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,44) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (34,0) size 33x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
 layer at (8,156) size 300x30
   RenderMedia {AUDIO} at (0,112) size 300x30
 layer at (8,156) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (8,156) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 103x8
-      RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 115x24
+    RenderSlider {INPUT} at (48,11) size 104x8
+      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 116x24
           RenderBlock {DIV} at (34,0) size 33x24
-    RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (200,0) size 35x30
+    RenderButton {INPUT} at (200,0) size 36x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 56x24
-          RenderBlock {DIV} at (25,0) size 24x24
+          RenderBlock {DIV} at (24,0) size 25x24
index 06e2bcc..6fef5cf 100644 (file)
@@ -11,22 +11,22 @@ layer at (0,0) size 800x600
 layer at (8,44) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,249) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index aa1190f..9b70bab 100644 (file)
@@ -11,22 +11,22 @@ layer at (0,0) size 800x305
 layer at (8,52) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,52) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,257) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 130ff76..e8bdffc 100644 (file)
@@ -15,42 +15,42 @@ layer at (18,44) size 320x240
 layer at (8,284) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (18,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (23,249) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,284) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,489) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index b52d27b..c9918a8 100644 (file)
@@ -15,42 +15,42 @@ layer at (8,52) size 320x240
 layer at (332,52) size 320x240
   RenderVideo {VIDEO} at (324,0) size 320x240
 layer at (8,52) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,257) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (332,52) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (337,257) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index cd88c3c..1645a3a 100644 (file)
@@ -11,22 +11,22 @@ layer at (0,0) size 800x600
 layer at (8,44) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,249) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 93aa527..bb324e4 100644 (file)
@@ -12,61 +12,61 @@ layer at (8,8) size 300x150
 layer at (8,163) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,8) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,123) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (249,0) size 35x30
 layer at (308,128) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (308,128) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 162x8
       RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 174x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (259,0) size 35x30
 layer at (8,163) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,278) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (249,0) size 35x30
 layer at (308,283) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
+  RenderFlexibleBox {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
 layer at (308,283) size 300x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 162x8
       RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 174x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
index 6c34a0f..13e1c40 100644 (file)
@@ -17,23 +17,23 @@ layer at (0,0) size 800x600
           layer at (40,165) size 300x1
             RenderVideo {VIDEO} at (40,164) size 300x2
           layer at (40,165) size 300x1
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x1
-              RenderBlock {DIV} at (0,0) size 300x35
-          layer at (45,165) size 290x30
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+            RenderFlexibleBox {DIV} at (0,0) size 300x1
+              RenderBlock {DIV} at (0,-34) size 300x35
+          layer at (45,131) size 290x30
+            RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
               RenderButton {INPUT} at (9,0) size 30x30
-              RenderSlider {INPUT} at (48,11) size 98x8
-                RenderFlexibleBox {DIV} at (0,0) size 98x8 [border: (1px solid #E6E6E659)]
-                  RenderBlock {DIV} at (1,-8) size 110x24
-                    RenderBlock {DIV} at (31,0) size 33x24
-              RenderDeprecatedFlexibleBox {DIV} at (161,0) size 25x30 [color=#FFFFFF]
+              RenderSlider {INPUT} at (48,11) size 99x8
+                RenderFlexibleBox {DIV} at (0,0) size 99x8 [border: (1px solid #E6E6E659)]
+                  RenderBlock {DIV} at (1,-8) size 111x24
+                    RenderBlock {DIV} at (32,0) size 33x24
+              RenderFlexibleBox {DIV} at (161,0) size 26x30 [color=#FFFFFF]
                 RenderBlock (anonymous) at (0,0) size 25x30
                   RenderText {#text} at (0,7) size 25x16
                     text run at (0,7) width 25: "0:00"
-              RenderButton {INPUT} at (195,0) size 35x30
+              RenderButton {INPUT} at (195,0) size 36x30
               RenderSlider {INPUT} at (236,11) size 39x8
                 RenderFlexibleBox {DIV} at (0,0) size 39x8 [border: (1px solid #E6E6E659)]
                   RenderBlock {DIV} at (1,-8) size 51x24
-                    RenderBlock {DIV} at (20,0) size 24x24
+                    RenderBlock {DIV} at (19,0) size 25x24
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
index fc3fb8b..660cb62 100644 (file)
@@ -21,63 +21,56 @@ layer at (0,0) size 800x341
 layer at (8,8) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,8) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (8,8) size 320x205
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
+    RenderInline {SPAN} at (0,0) size 0x0
 layer at (8,8) size 320x15 scrollHeight 17
   RenderBlock (positioned) {DIV} at (0,0) size 320x15
     RenderInline {DIV} at (0,0) size 280x19 [bgcolor=#000000CC]
       RenderText {#text} at (22,0) size 276x15
         text run at (22,0) width 276: "Cue 1: should be positioned at the top of the video."
-    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
 layer at (8,27) size 320x15 scrollHeight 17
   RenderBlock (positioned) {DIV} at (0,19) size 320x15
     RenderInline {DIV} at (0,0) size 308x19 [bgcolor=#000000CC]
       RenderText {#text} at (8,0) size 304x15
         text run at (8,0) width 304: "Cue 2: should be the second cue and not overlap cue 1."
-    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
 layer at (8,46) size 320x15 scrollHeight 17
   RenderBlock (positioned) {DIV} at (0,38) size 320x15
     RenderInline {DIV} at (0,0) size 304x19 [bgcolor=#000000CC]
       RenderText {#text} at (10,0) size 300x15
         text run at (10,0) width 300: "Cue 3: should become the third line from top to bottom."
-    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
 layer at (8,103) size 320x15 scrollHeight 17
   RenderBlock (positioned) {DIV} at (0,95) size 320x15
     RenderInline {DIV} at (0,0) size 294x19 [bgcolor=#000000CC]
       RenderText {#text} at (15,0) size 290x15
         text run at (15,0) width 290: "Cue 4: should be fixed positioned around the middle."
-    RenderInline {DIV} at (0,0) size 3x19 [bgcolor=#000000CC]
 layer at (8,194) size 320x15 scrollHeight 17
   RenderBlock (positioned) {DIV} at (0,186) size 320x15
     RenderInline {DIV} at (0,0) size 296x19 [bgcolor=#000000CC]
       RenderText {#text} at (14,0) size 292x15
         text run at (14,0) width 292: "Cue 5: should be displayed at the bottom of the video."
-    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
 layer at (8,175) size 320x15 scrollHeight 17
   RenderBlock (positioned) {DIV} at (0,167) size 320x15
     RenderInline {DIV} at (0,0) size 286x19 [bgcolor=#000000CC]
       RenderText {#text} at (19,0) size 282x15
         text run at (19,0) width 282: "Cue 6: should be on top of bottom positioned cue 5."
-    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
-layer at (13,213) size 310x30 scrollHeight 36
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+layer at (13,213) size 310x30
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 74x8
       RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 54x24
+        RenderBlock {DIV} at (1,-8) size 86x24
           RenderBlock {DIV} at (-5,0) size 33x24
-        RenderBlock {DIV} at (48,1) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
     RenderButton {INPUT} at (171,0) size 35x30
     RenderSlider {INPUT} at (212,11) size 15x8
       RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 3x24
+        RenderBlock {DIV} at (1,-8) size 27x24
           RenderBlock {DIV} at (-4,0) size 24x24
-        RenderBlock {DIV} at (-3,1) size 24x24
     RenderButton {INPUT} at (237,0) size 30x30
     RenderButton {INPUT} at (271,0) size 30x30
index 46aed5c..f4982dc 100644 (file)
@@ -16,64 +16,64 @@ layer at (8,44) size 320x240
 layer at (8,284) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,44) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,249) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,284) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,489) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,524) size 320x240
   RenderVideo {VIDEO} at (8,524) size 320x240
 layer at (8,524) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,729) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index d6c967d..58899bf 100644 (file)
@@ -10,22 +10,22 @@ layer at (0,0) size 800x600
 layer at (8,28) size 320x240
   RenderVideo {VIDEO} at (0,20) size 320x240
 layer at (8,28) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,233) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:06"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index d2d51a1..36414e0 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,44) size 302x152
   RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
 layer at (9,45) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (14,160) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
index bda3209..f1fd2d7 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,44) size 352x288
   RenderVideo {VIDEO} at (0,0) size 352x288
 layer at (8,44) size 352x288
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288
+  RenderFlexibleBox {DIV} at (0,0) size 352x288
     RenderBlock {DIV} at (0,253) size 352x35
 layer at (13,297) size 342x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 342x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 342x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 170x8
       RenderFlexibleBox {DIV} at (0,0) size 170x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 182x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (233,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (233,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:09"
index 0545c41..e137b9f 100644 (file)
@@ -12,22 +12,22 @@ layer at (0,0) size 800x325
 layer at (8,72) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,72) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
 layer at (13,277) size 310x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
-    RenderSlider {INPUT} at (48,11) size 91x8
-      RenderFlexibleBox {DIV} at (0,0) size 91x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 103x24
+    RenderSlider {INPUT} at (48,11) size 92x8
+      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-8) size 104x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
-    RenderButton {INPUT} at (188,0) size 35x30
+    RenderButton {INPUT} at (188,0) size 36x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 44x24
-          RenderBlock {DIV} at (13,0) size 24x24
+          RenderBlock {DIV} at (12,0) size 25x24
     RenderButton {INPUT} at (271,0) size 30x30
index 7e7d191..aa0f8e9 100644 (file)
@@ -9,16 +9,16 @@ layer at (0,0) size 800x600
 layer at (57,85) size 240x180
   RenderVideo {VIDEO} at (45,73) size 240x180
 layer at (57,85) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
     RenderBlock {DIV} at (0,127) size 240x53
 layer at (65,213) size 225x45 scrollWidth 329
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
     RenderButton {INPUT} at (13,0) size 46x45
     RenderSlider {INPUT} at (72,16) size 38x13
       RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-12) size 57x36
           RenderBlock {DIV} at (-11,0) size 49x36
-    RenderDeprecatedFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 40x45
         RenderText {#text} at (0,10) size 40x24
           text run at (0,10) width 40: "0:00"
@@ -31,16 +31,16 @@ layer at (65,213) size 225x45 scrollWidth 329
 layer at (57,310) size 240x180
   RenderVideo {VIDEO} at (45,298) size 240x180
 layer at (57,310) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
     RenderBlock {DIV} at (0,127) size 240x53
 layer at (65,438) size 225x45 scrollWidth 329
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
     RenderButton {INPUT} at (13,0) size 46x45
     RenderSlider {INPUT} at (72,16) size 38x13
       RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-12) size 57x36
           RenderBlock {DIV} at (-11,0) size 49x36
-    RenderDeprecatedFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 40x45
         RenderText {#text} at (0,10) size 40x24
           text run at (0,10) width 40: "0:00"
index 3dc3b2d..1af74b7 100644 (file)
@@ -11,16 +11,16 @@ layer at (0,0) size 800x600
 layer at (8,28) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,28) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
 layer at (13,143) size 290x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
+  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
     RenderButton {INPUT} at (9,0) size 30x30
     RenderSlider {INPUT} at (48,11) size 152x8
       RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
         RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-    RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
           text run at (0,7) width 25: "0:00"
index 0d440ac..9be673a 100644 (file)
@@ -1381,6 +1381,16 @@ webkit.org/b/101396 svg/custom/simple-text-double-shadow.svg
 webkit.org/b/101396 svg/css/clippath-with-shadow.svg
 webkit.org/b/101396 svg/css/arrow-with-shadow.svg
 
+# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
+webkit.org/b/109775 [ Win Mac ] media/audio-controls-rendering.html [ Failure ]
+webkit.org/b/109775 [ Win Mac ] media/controls-after-reload.html [ Failure ]
+webkit.org/b/109775 [ Win Mac ] media/controls-strict.html [ Failure ]
+webkit.org/b/109775 [ Win Mac ] media/controls-styling-strict.html [ Failure ]
+webkit.org/b/109775 [ Win Mac ] media/controls-without-preload.html [ Failure ]
+webkit.org/b/109775 [ Win Mac ] media/video-controls-rendering.html [ Failure ]
+webkit.org/b/109775 [ Win Mac ] media/video-display-toggle.html [ Failure ]
+webkit.org/b/109775 [ Win Mac ] media/video-playing-and-pause.html [ Failure ]
+
 # -----------------------------------------------------------------
 # End SVG TESTS
 # -----------------------------------------------------------------
index 6cf3576..c70b8db 100644 (file)
@@ -1879,3 +1879,12 @@ webkit.org/b/108370 editing/spelling/spelling-with-punctuation-selection.html [
 webkit.org/b/108370 editing/spelling/spelling-with-underscore-selection.html [ Skip ]
 webkit.org/b/108370 editing/spelling/spelling-with-whitespace-selection.html [ Skip ]
 
+# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
+webkit.org/b/109775 media/audio-controls-rendering.html [ Failure ]
+webkit.org/b/109775 media/controls-after-reload.html [ Failure ]
+webkit.org/b/109775 media/controls-strict.html [ Failure ]
+webkit.org/b/109775 media/controls-styling-strict.html [ Failure ]
+webkit.org/b/109775 media/controls-without-preload.html [ Failure ]
+webkit.org/b/109775 media/video-controls-rendering.html [ Failure ]
+webkit.org/b/109775 media/video-display-toggle.html [ Failure ]
+webkit.org/b/109775 media/video-playing-and-pause.html [ Failure ]
index edae87b..551496b 100644 (file)
@@ -16,12 +16,12 @@ layer at (0,0) size 800x600
 layer at (58,110) size 302x152
   RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
 layer at (59,111) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
 layer at (59,241) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,130) size 300x20
+  RenderFlexibleBox {DIV} at (0,130) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:00"
index 3cab118..cd8e7df 100644 (file)
@@ -15,12 +15,12 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,58) size 0x17
         RenderBR {BR} at (0,76) size 0x17
 layer at (8,42) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,42) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:07"
@@ -34,12 +34,12 @@ layer at (8,42) size 300x20 scrollHeight 28
 layer at (288,42) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,80) size 320x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x20
+  RenderFlexibleBox {DIV} at (0,0) size 320x20
 layer at (8,80) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x20
+  RenderFlexibleBox {DIV} at (0,0) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:07"
@@ -55,12 +55,12 @@ layer at (308,80) size 20x20
 layer at (8,118) size 320x100
   RenderMedia {AUDIO} at (8,118) size 320x100 [bgcolor=#0000FF]
 layer at (8,118) size 320x100
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
+  RenderFlexibleBox {DIV} at (0,0) size 320x100
 layer at (8,198) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,80) size 320x20
+  RenderFlexibleBox {DIV} at (0,80) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:07"
index 2166ef1..7001863 100644 (file)
@@ -15,12 +15,12 @@ layer at (0,0) size 800x600
 layer at (8,62) size 300x20
   RenderMedia {AUDIO} at (0,20) size 300x20
 layer at (8,62) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,62) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:01"
@@ -35,12 +35,12 @@ layer at (8,62) size 300x20 scrollHeight 28
 layer at (288,62) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,42) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,42) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:01"
@@ -57,12 +57,12 @@ layer at (288,42) size 20x20
 layer at (8,134) size 300x20
   RenderMedia {AUDIO} at (0,92) size 300x20
 layer at (8,134) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,134) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:01"
index d67dbbb..1638ec3 100644 (file)
@@ -11,12 +11,12 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,262) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:06"
index 50faa10..a2eb017 100644 (file)
@@ -11,12 +11,12 @@ layer at (0,0) size 800x302
 layer at (8,50) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,270) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:06"
index 5bc7539..ef87dc9 100644 (file)
@@ -15,12 +15,12 @@ layer at (18,42) size 320x240
 layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (18,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (18,262) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28 [color=#000000]
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28 [color=#000000]
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:06"
@@ -36,12 +36,12 @@ layer at (18,262) size 320x20 scrollHeight 28
 layer at (318,262) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,282) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,502) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:06"
index 1fea2e2..7dbc758 100644 (file)
@@ -15,12 +15,12 @@ layer at (8,50) size 320x240
 layer at (332,50) size 320x240
   RenderVideo {VIDEO} at (324,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,270) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28 [color=#000000]
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28 [color=#000000]
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:06"
@@ -35,12 +35,12 @@ layer at (8,270) size 320x20 scrollHeight 28
 layer at (308,270) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (332,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (332,270) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:06"
index ade6d22..eb458a2 100644 (file)
@@ -11,12 +11,12 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,262) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:06"
index d2d2caa..96b503d 100644 (file)
@@ -12,12 +12,12 @@ layer at (8,8) size 300x150
 layer at (8,162) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,8) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
 layer at (8,138) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,130) size 300x20
+  RenderFlexibleBox {DIV} at (0,130) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:00"
@@ -29,12 +29,12 @@ layer at (8,138) size 300x20 scrollHeight 28
     RenderButton {INPUT} at (280,0) size 20x20
     RenderBlock {DIV} at (300,10) size 0x0
 layer at (308,138) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (308,138) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:00"
@@ -46,12 +46,12 @@ layer at (308,138) size 300x20 scrollHeight 28
     RenderButton {INPUT} at (280,0) size 20x20
     RenderBlock {DIV} at (300,10) size 0x0
 layer at (8,162) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
 layer at (8,292) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,130) size 300x20
+  RenderFlexibleBox {DIV} at (0,130) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:00"
@@ -63,12 +63,12 @@ layer at (8,292) size 300x20 scrollHeight 28
     RenderButton {INPUT} at (280,0) size 20x20
     RenderBlock {DIV} at (300,10) size 0x0
 layer at (308,292) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (308,292) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:00"
index 8a87561..317f6ea 100644 (file)
@@ -17,12 +17,12 @@ layer at (0,0) size 800x600
           layer at (40,164) size 300x1
             RenderVideo {VIDEO} at (40,164) size 300x1
           layer at (40,164) size 300x1
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x1
+            RenderFlexibleBox {DIV} at (0,0) size 300x1
           layer at (40,164) size 300x20 scrollHeight 28
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+            RenderFlexibleBox {DIV} at (0,0) size 300x20
               RenderButton {INPUT} at (0,0) size 20x20
-              RenderDeprecatedFlexibleBox {DIV} at (20,0) size 200x20
-                RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+              RenderFlexibleBox {DIV} at (20,0) size 200x20
+                RenderFlexibleBox {DIV} at (0,0) size 63x28
                   RenderBlock (anonymous) at (4,4) size 55x20
                     RenderText {#text} at (0,0) size 55x12
                       text run at (0,0) width 55: "00:00 / 00:01"
index b2049c4..234be52 100644 (file)
@@ -16,17 +16,17 @@ layer at (8,42) size 320x240
 layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,262) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:06"
       RenderSlider {INPUT} at (63,0) size 157x20
-        RenderDeprecatedFlexibleBox {DIV} at (2,0) size 153x20
+        RenderFlexibleBox {DIV} at (2,0) size 153x20
           RenderBlock {DIV} at (0,4) size 141x12
           RenderBlock {DIV} at (141,4) size 12x12
     RenderButton {INPUT} at (240,0) size 20x20
@@ -38,17 +38,17 @@ layer at (93,266) size 12x12
 layer at (308,262) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,282) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,502) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:06"
       RenderSlider {INPUT} at (63,0) size 157x20
-        RenderDeprecatedFlexibleBox {DIV} at (2,0) size 153x20
+        RenderFlexibleBox {DIV} at (2,0) size 153x20
           RenderBlock {DIV} at (0,4) size 141x12
           RenderBlock {DIV} at (141,4) size 12x12
     RenderButton {INPUT} at (240,0) size 20x20
@@ -62,17 +62,17 @@ layer at (308,502) size 20x20
 layer at (8,522) size 320x240
   RenderVideo {VIDEO} at (8,522) size 320x240
 layer at (8,522) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,742) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x12
             text run at (0,0) width 55: "00:00 / 00:06"
       RenderSlider {INPUT} at (63,0) size 157x20
-        RenderDeprecatedFlexibleBox {DIV} at (2,0) size 153x20
+        RenderFlexibleBox {DIV} at (2,0) size 153x20
           RenderBlock {DIV} at (0,4) size 141x12
           RenderBlock {DIV} at (141,4) size 12x12
     RenderButton {INPUT} at (240,0) size 20x20
index e6b227f..bd10e1e 100644 (file)
@@ -10,12 +10,12 @@ layer at (0,0) size 800x600
 layer at (8,26) size 320x240
   RenderVideo {VIDEO} at (0,18) size 320x240
 layer at (8,26) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,246) size 320x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:06"
index ed9a7d5..c4c6429 100644 (file)
@@ -11,12 +11,12 @@ layer at (0,0) size 800x600
 layer at (8,42) size 302x152
   RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
 layer at (9,43) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
 layer at (9,173) size 300x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,130) size 300x20
+  RenderFlexibleBox {DIV} at (0,130) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 240x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:00"
index f165cc6..dfad73a 100644 (file)
@@ -11,12 +11,12 @@ layer at (0,0) size 800x600
 layer at (8,42) size 352x288
   RenderVideo {VIDEO} at (0,0) size 352x288
 layer at (8,42) size 352x288
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288
+  RenderFlexibleBox {DIV} at (0,0) size 352x288
 layer at (8,310) size 352x20 scrollHeight 28
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,268) size 352x20
+  RenderFlexibleBox {DIV} at (0,268) size 352x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 272x20
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 63x28
+    RenderFlexibleBox {DIV} at (20,0) size 272x20
+      RenderFlexibleBox {DIV} at (0,0) size 63x28
         RenderBlock (anonymous) at (4,4) size 55x20
           RenderText {#text} at (0,0) size 55x11
             text run at (0,0) width 55: "00:00 / 00:09"
index 6a97c22..e1e50ee 100644 (file)
@@ -14,16 +14,16 @@ layer at (8,70) size 320x240
 layer at (8,70) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (8,290) size 320x20 scrollHeight 30
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox (positioned) {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20
+    RenderFlexibleBox {DIV} at (20,0) size 220x20
       RenderBlock (anonymous) at (0,0) size 63x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,2) size 63x28
+        RenderFlexibleBox {DIV} at (0,2) size 63x28
           RenderBlock (anonymous) at (4,4) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
       RenderSlider {INPUT} at (63,0) size 157x20
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x20
+        RenderFlexibleBox {DIV} at (0,0) size 157x20
           RenderBlock {DIV} at (0,4) size 145x12
           RenderBlock {DIV} at (145,4) size 12x12
     RenderButton {INPUT} at (240,0) size 20x20
index ea595c3..1f7a681 100644 (file)
@@ -9,12 +9,12 @@ layer at (0,0) size 800x600
 layer at (57,85) size 240x180
   RenderVideo {VIDEO} at (45,73) size 240x180
 layer at (57,85) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
 layer at (57,235) size 240x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,150) size 240x30
+  RenderFlexibleBox {DIV} at (0,150) size 240x30
     RenderButton {INPUT} at (0,0) size 30x30
-    RenderDeprecatedFlexibleBox {DIV} at (30,0) size 90x30
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 0x42
+    RenderFlexibleBox {DIV} at (30,0) size 90x30
+      RenderFlexibleBox {DIV} at (0,0) size 0x42
         RenderBlock (anonymous) at (6,6) size 78x30
           RenderText {#text} at (17,0) size 44x33
             text run at (17,0) width 44: "00:00 /"
@@ -32,12 +32,12 @@ layer at (267,235) size 30x30
 layer at (57,310) size 240x180
   RenderVideo {VIDEO} at (45,298) size 240x180
 layer at (57,310) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
 layer at (57,460) size 240x30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,150) size 240x30
+  RenderFlexibleBox {DIV} at (0,150) size 240x30
     RenderButton {INPUT} at (0,0) size 30x30
-    RenderDeprecatedFlexibleBox {DIV} at (30,0) size 90x30
-      RenderDeprecatedFlexibleBox {DIV} at (0,0) size 0x42
+    RenderFlexibleBox {DIV} at (30,0) size 90x30
+      RenderFlexibleBox {DIV} at (0,0) size 0x42
         RenderBlock (anonymous) at (6,6) size 78x30
           RenderText {#text} at (17,0) size 44x33
             text run at (17,0) width 44: "00:00 /"
index 2a6d101..dbf25ab 100644 (file)
@@ -77,6 +77,17 @@ webkit.org/b/107567 svg/carto.net/combobox.svg [ Failure ]
 
 # Rebaseline required after https://webkit.org/b/95772
 webkit.org/b/109209 fast/text/international/bidi-ignored-for-first-child-inline.html [ Failure ]
+
+# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
+webkit.org/b/109775 media/audio-controls-rendering.html [ Failure ]
+webkit.org/b/109775 media/controls-after-reload.html [ Failure ]
+webkit.org/b/109775 media/controls-strict.html [ Failure ]
+webkit.org/b/109775 media/controls-styling-strict.html [ Failure ]
+webkit.org/b/109775 media/controls-without-preload.html [ Failure ]
+webkit.org/b/109775 media/video-controls-rendering.html [ Failure ]
+webkit.org/b/109775 media/video-display-toggle.html [ Failure ]
+webkit.org/b/109775 media/video-playing-and-pause.html [ Failure ]
+
 #////////////////////////////////////////////////////////////////////////////////////////
 # Expected failures
 #////////////////////////////////////////////////////////////////////////////////////////
index de1be1a..f12cfea 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x600
 layer at (8,26) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,26) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
 layer at (8,26) size 300x150 scrollHeight 160
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderButton {INPUT} at (0,130) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:00"
index b318ad9..cb30aa8 100644 (file)
@@ -16,13 +16,13 @@ layer at (0,0) size 800x600
 layer at (58,110) size 302x152
   RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
 layer at (59,111) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
 layer at (59,111) size 300x150 scrollHeight 160
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderButton {INPUT} at (0,130) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:00"
index 9049442..98882b6 100644 (file)
@@ -15,13 +15,13 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,58) size 0x19
         RenderBR {BR} at (0,76) size 0x19
 layer at (8,42) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,42) size 300x20 scrollHeight 30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:07"
@@ -35,13 +35,13 @@ layer at (8,42) size 300x20 scrollHeight 30
 layer at (288,42) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,80) size 320x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x20
+  RenderFlexibleBox {DIV} at (0,0) size 320x20
 layer at (8,80) size 320x20 scrollHeight 30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x20
+  RenderFlexibleBox {DIV} at (0,0) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:07"
@@ -57,13 +57,13 @@ layer at (308,80) size 20x20
 layer at (8,118) size 320x100
   RenderMedia {AUDIO} at (8,118) size 320x100 [bgcolor=#0000FF]
 layer at (8,118) size 320x100
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
+  RenderFlexibleBox {DIV} at (0,0) size 320x100
 layer at (8,118) size 320x100 scrollHeight 110
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
+  RenderFlexibleBox {DIV} at (0,0) size 320x100
     RenderButton {INPUT} at (0,80) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,80) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,80) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:07"
index b8f0dd3..dd5beea 100644 (file)
@@ -15,13 +15,13 @@ layer at (0,0) size 800x600
 layer at (8,62) size 300x20
   RenderMedia {AUDIO} at (0,20) size 300x20
 layer at (8,62) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,62) size 300x20 scrollHeight 30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:01"
@@ -35,13 +35,13 @@ layer at (8,62) size 300x20 scrollHeight 30
 layer at (288,62) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,42) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,42) size 300x20 scrollHeight 30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:01"
@@ -57,13 +57,13 @@ layer at (288,42) size 20x20
 layer at (8,134) size 300x20
   RenderMedia {AUDIO} at (0,92) size 300x20
 layer at (8,134) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (8,134) size 300x20 scrollHeight 30
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:01"
index 64a5547..2f7034e 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,42) size 320x240 scrollHeight 250
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index 1bebfc4..73fe13e 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x301
 layer at (8,50) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,50) size 320x240 scrollHeight 251
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x31
-        RenderDeprecatedFlexibleBox {DIV} at (0,1) size 65x30
+        RenderFlexibleBox {DIV} at (0,1) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index 8b10a7d..716412c 100644 (file)
@@ -15,13 +15,13 @@ layer at (18,42) size 320x240
 layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (18,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (18,42) size 320x240 scrollHeight 481
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 218x30
-        RenderDeprecatedFlexibleBox {DIV} at (10,0) size 218x30
+        RenderFlexibleBox {DIV} at (10,0) size 218x30
           RenderBlock (anonymous) at (5,5) size 208x20
             RenderText {#text} at (22,44) size 179x212
               text run at (22,44) width 174: "00:00"
@@ -38,13 +38,13 @@ layer at (18,42) size 320x240 scrollHeight 481
 layer at (318,262) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,282) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,282) size 320x240 scrollHeight 250
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index 7ce00bb..ed3a9c3 100644 (file)
@@ -15,13 +15,13 @@ layer at (8,50) size 320x240
 layer at (332,50) size 320x240
   RenderVideo {VIDEO} at (324,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,50) size 320x240 scrollHeight 261
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 88x41
-        RenderDeprecatedFlexibleBox {DIV} at (0,11) size 88x30
+        RenderFlexibleBox {DIV} at (0,11) size 88x30
           RenderBlock (anonymous) at (5,5) size 78x20
             RenderText {#text} at (0,0) size 78x12
               text run at (0,0) width 78: "00:00 / 00:06"
@@ -36,13 +36,13 @@ layer at (8,50) size 320x240 scrollHeight 261
 layer at (308,270) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (332,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (332,50) size 320x240 scrollHeight 251
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x31
-        RenderDeprecatedFlexibleBox {DIV} at (0,1) size 65x30
+        RenderFlexibleBox {DIV} at (0,1) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index b616ffa..52b3fcf 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,42) size 320x240 scrollHeight 250
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index 54d297d..9d11070 100644 (file)
@@ -12,13 +12,13 @@ layer at (8,8) size 300x150
 layer at (8,161) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,8) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
 layer at (8,8) size 300x150 scrollHeight 161
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderButton {INPUT} at (0,130) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x31
-        RenderDeprecatedFlexibleBox {DIV} at (0,1) size 65x30
+        RenderFlexibleBox {DIV} at (0,1) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:00"
@@ -30,13 +30,13 @@ layer at (8,8) size 300x150 scrollHeight 161
     RenderButton {INPUT} at (280,130) size 20x20
     RenderBlock {DIV} at (300,150) size 0x0
 layer at (308,138) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (308,138) size 300x20 scrollHeight 31
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x31
-        RenderDeprecatedFlexibleBox {DIV} at (0,1) size 65x30
+        RenderFlexibleBox {DIV} at (0,1) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:00"
@@ -48,13 +48,13 @@ layer at (308,138) size 300x20 scrollHeight 31
     RenderButton {INPUT} at (280,0) size 20x20
     RenderBlock {DIV} at (300,20) size 0x0
 layer at (8,161) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
 layer at (8,161) size 300x150 scrollHeight 161
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderButton {INPUT} at (0,130) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x31
-        RenderDeprecatedFlexibleBox {DIV} at (0,1) size 65x30
+        RenderFlexibleBox {DIV} at (0,1) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:00"
@@ -66,13 +66,13 @@ layer at (8,161) size 300x150 scrollHeight 161
     RenderButton {INPUT} at (280,130) size 20x20
     RenderBlock {DIV} at (300,150) size 0x0
 layer at (308,291) size 300x20
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
 layer at (308,291) size 300x20 scrollHeight 31
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+  RenderFlexibleBox {DIV} at (0,0) size 300x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x31
-        RenderDeprecatedFlexibleBox {DIV} at (0,1) size 65x30
+        RenderFlexibleBox {DIV} at (0,1) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:00"
index adbbf2a..88c2277 100644 (file)
@@ -17,13 +17,13 @@ layer at (0,0) size 800x600
           layer at (40,164) size 300x1
             RenderVideo {VIDEO} at (40,164) size 300x1
           layer at (40,164) size 300x1
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x1
+            RenderFlexibleBox {DIV} at (0,0) size 300x1
           layer at (40,164) size 300x20 scrollHeight 30
-            RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x20
+            RenderFlexibleBox {DIV} at (0,0) size 300x20
               RenderButton {INPUT} at (0,0) size 20x20
-              RenderDeprecatedFlexibleBox {DIV} at (20,0) size 200x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+              RenderFlexibleBox {DIV} at (20,0) size 200x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
                 RenderBlock (anonymous) at (1,0) size 65x30
-                  RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+                  RenderFlexibleBox {DIV} at (0,0) size 65x30
                     RenderBlock (anonymous) at (5,5) size 55x20
                       RenderText {#text} at (0,0) size 55x12
                         text run at (0,0) width 55: "00:00 / 00:01"
index 4ff0289..39ea6fe 100644 (file)
@@ -16,13 +16,13 @@ layer at (8,42) size 320x240
 layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,42) size 320x240 scrollHeight 250
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
@@ -37,13 +37,13 @@ layer at (8,42) size 320x240 scrollHeight 250
 layer at (308,262) size 20x20
   RenderButton zI: 2 {INPUT} at (0,0) size 20x20
 layer at (8,282) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,282) size 320x240 scrollHeight 250
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
@@ -60,13 +60,13 @@ layer at (308,502) size 20x20
 layer at (8,522) size 320x240
   RenderVideo {VIDEO} at (8,522) size 320x240
 layer at (8,522) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,522) size 320x240 scrollHeight 250
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index 9bd0219..2c6b60f 100644 (file)
@@ -10,13 +10,13 @@ layer at (0,0) size 800x600
 layer at (8,26) size 320x240
   RenderVideo {VIDEO} at (0,18) size 320x240
 layer at (8,26) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,26) size 320x240 scrollHeight 250
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
     RenderButton {INPUT} at (0,220) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index 45aebbd..d2fea5f 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x600
 layer at (8,42) size 302x152
   RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
 layer at (9,43) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
 layer at (9,43) size 300x150 scrollHeight 160
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
     RenderButton {INPUT} at (0,130) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:00"
index 364735b..ccf800c 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x600
 layer at (8,42) size 352x288
   RenderVideo {VIDEO} at (0,0) size 352x288
 layer at (8,42) size 352x288
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288
+  RenderFlexibleBox {DIV} at (0,0) size 352x288
 layer at (8,42) size 352x288 scrollHeight 298
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288
+  RenderFlexibleBox {DIV} at (0,0) size 352x288
     RenderButton {INPUT} at (0,268) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,268) size 272x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,268) size 272x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x30
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 65x30
+        RenderFlexibleBox {DIV} at (0,0) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:09"
index 3461ae5..61829c5 100644 (file)
@@ -12,13 +12,13 @@ layer at (0,0) size 800x319
 layer at (8,68) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,68) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,288) size 320x20 scrollHeight 31
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,220) size 320x20
+  RenderFlexibleBox {DIV} at (0,220) size 320x20
     RenderButton {INPUT} at (0,0) size 20x20
-    RenderDeprecatedFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 65x31
-        RenderDeprecatedFlexibleBox {DIV} at (0,1) size 65x30
+        RenderFlexibleBox {DIV} at (0,1) size 65x30
           RenderBlock (anonymous) at (5,5) size 55x20
             RenderText {#text} at (0,0) size 55x12
               text run at (0,0) width 55: "00:00 / 00:06"
index 1f00b4e..1778fdb 100644 (file)
@@ -9,13 +9,13 @@ layer at (0,0) size 800x600
 layer at (57,85) size 240x180
   RenderVideo {VIDEO} at (45,73) size 240x180
 layer at (57,85) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
 layer at (57,85) size 240x180 scrollHeight 194
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
     RenderButton {INPUT} at (0,150) size 30x30
-    RenderDeprecatedFlexibleBox {DIV} at (30,150) size 90x30 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (30,150) size 90x30 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 88x44
-        RenderDeprecatedFlexibleBox {DIV} at (88,0) size 0x44
+        RenderFlexibleBox {DIV} at (88,0) size 0x44
           RenderBlock (anonymous) at (7,7) size 74x30
             RenderText {#text} at (15,0) size 44x35
               text run at (15,0) width 44: "00:00 /"
@@ -33,13 +33,13 @@ layer at (267,235) size 30x30
 layer at (57,310) size 240x180
   RenderVideo {VIDEO} at (45,298) size 240x180
 layer at (57,310) size 240x180
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
 layer at (57,310) size 240x180 scrollHeight 194
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
+  RenderFlexibleBox {DIV} at (0,0) size 240x180
     RenderButton {INPUT} at (0,150) size 30x30
-    RenderDeprecatedFlexibleBox {DIV} at (30,150) size 90x30 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
+    RenderFlexibleBox {DIV} at (30,150) size 90x30 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
       RenderBlock (anonymous) at (1,0) size 88x44
-        RenderDeprecatedFlexibleBox {DIV} at (88,0) size 0x44
+        RenderFlexibleBox {DIV} at (88,0) size 0x44
           RenderBlock (anonymous) at (7,7) size 74x30
             RenderText {#text} at (15,0) size 44x35
               text run at (15,0) width 44: "00:00 /"
index 4d5edfd..5a94db1 100644 (file)
@@ -13,21 +13,21 @@ layer at (8,50) size 320x240
 layer at (8,50) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (8,265) size 320x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
         RenderBlock {DIV} at (0,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderButton {INPUT} at (267,6) size 14x12
 layer at (57,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
index 4873efa..8e6a586 100644 (file)
@@ -15,25 +15,25 @@ layer at (18,42) size 320x240
 layer at (8,282) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (18,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (18,257) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderBlock {DIV} at (265,6) size 25x12
 layer at (67,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (238,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
@@ -42,25 +42,25 @@ layer at (112,266) size 10x8
 layer at (285,263) size 14x12
   RenderButton zI: 1 {INPUT} at (2,0) size 14x12
 layer at (8,282) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,497) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderBlock {DIV} at (265,6) size 25x12
 layer at (57,504) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,504) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
index 7c3edb5..257ec8c 100644 (file)
@@ -11,25 +11,25 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,257) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderBlock {DIV} at (265,6) size 25x12
 layer at (57,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
index 190b8db..839e9e1 100644 (file)
@@ -18,42 +18,42 @@ layer at (8,282) size 320x240
 layer at (8,42) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (8,257) size 320x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
         RenderBlock {DIV} at (0,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderButton {INPUT} at (267,6) size 14x12
 layer at (57,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
 layer at (8,282) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (8,497) size 320x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
         RenderBlock {DIV} at (0,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderButton {INPUT} at (267,6) size 14x12
 layer at (57,504) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,504) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
@@ -62,21 +62,21 @@ layer at (8,522) size 320x240
 layer at (8,522) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (8,737) size 320x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
         RenderBlock {DIV} at (0,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderButton {INPUT} at (267,6) size 14x12
 layer at (57,744) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,744) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
index bdf06c3..2892c17 100644 (file)
@@ -12,21 +12,21 @@ layer at (8,26) size 320x240
 layer at (8,26) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (8,241) size 320x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
         RenderBlock {DIV} at (0,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderButton {INPUT} at (267,6) size 14x12
 layer at (57,248) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,248) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
index 8a6b185..d7f6a10 100644 (file)
@@ -13,20 +13,20 @@ layer at (8,42) size 352x288
 layer at (8,42) size 352x288
   RenderBlock (relative positioned) {DIV} at (0,0) size 352x288
 layer at (8,305) size 352x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,263) size 352x25
+  RenderFlexibleBox (positioned) {DIV} at (0,263) size 352x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 273x15
+    RenderFlexibleBox {DIV} at (49,5) size 273x15
       RenderSlider {INPUT} at (45,2) size 183x13
         RenderBlock {DIV} at (0,2) size 10x8
     RenderButton {INPUT} at (329,4) size 16x16
 layer at (57,312) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (285,312) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (228,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (228,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:09"
index 807788b..8f7b4f1 100644 (file)
@@ -11,9 +11,9 @@ layer at (0,0) size 800x600
 layer at (8,26) size 300x150
   RenderVideo {VIDEO} at (0,0) size 300x150
 layer at (8,26) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
+  RenderFlexibleBox {DIV} at (0,0) size 300x150
 layer at (8,151) size 300x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,125) size 300x25
+  RenderFlexibleBox {DIV} at (0,125) size 300x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
     RenderBlock {DIV} at (49,12) size 0x1
index ac29b00..25baf5e 100644 (file)
@@ -16,9 +16,9 @@ layer at (0,0) size 800x600
 layer at (58,110) size 302x152
   RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
 layer at (59,111) size 300x150
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
+  RenderFlexibleBox {DIV} at (1,1) size 300x150
 layer at (59,236) size 300x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,125) size 300x25
+  RenderFlexibleBox {DIV} at (0,125) size 300x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
     RenderBlock {DIV} at (49,12) size 0x1
index fb59b34..bfc478b 100644 (file)
@@ -15,38 +15,48 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,68) size 0x18
         RenderBR {BR} at (0,86) size 0x18
 layer at (8,42) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
 layer at (8,42) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 126x15
-      RenderSlider {INPUT} at (0,2) size 126x13
-        RenderFlexibleBox {DIV} at (0,0) size 126x13
-          RenderBlock {DIV} at (0,2) size 126x9
+    RenderFlexibleBox {DIV} at (49,5) size 219x15
+      RenderSlider {INPUT} at (45,2) size 129x13
+        RenderFlexibleBox {DIV} at (0,0) size 129x13
+          RenderBlock {DIV} at (0,2) size 129x9
             RenderBlock {DIV} at (0,0) size 10x8
-    RenderBlock {DIV} at (175,6) size 25x13
-layer at (185,49) size 14x12
+    RenderBlock {DIV} at (268,6) size 25x13
+layer at (57,49) size 45x11
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+    RenderBlock (anonymous) at (9,0) size 27x11
+      RenderText {#text} at (0,0) size 26x11
+        text run at (0,0) width 26: "00:00"
+layer at (231,49) size 45x11
+  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
+    RenderBlock (anonymous) at (7,0) size 31x11
+      RenderText {#text} at (0,0) size 31x11
+        text run at (0,0) width 31: "-00:07"
+layer at (278,49) size 14x12
   RenderButton zI: 1 {INPUT} at (2,0) size 14x12
 layer at (8,85) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x25
+  RenderFlexibleBox {DIV} at (0,0) size 320x25
 layer at (8,85) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x25
+  RenderFlexibleBox {DIV} at (0,0) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 246x15
+    RenderFlexibleBox {DIV} at (49,5) size 246x15
       RenderSlider {INPUT} at (45,2) size 156x13
         RenderFlexibleBox {DIV} at (0,0) size 156x13
           RenderBlock {DIV} at (0,2) size 156x9
             RenderBlock {DIV} at (0,0) size 10x8
     RenderBlock {DIV} at (295,6) size 25x13
 layer at (57,92) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 27x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (258,92) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (201,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (201,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:07"
@@ -55,24 +65,24 @@ layer at (305,92) size 14x12
 layer at (8,128) size 320x100
   RenderMedia {AUDIO} at (8,128) size 320x100 [bgcolor=#0000FF]
 layer at (8,128) size 320x100
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
+  RenderFlexibleBox {DIV} at (0,0) size 320x100
 layer at (8,203) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,75) size 320x25
+  RenderFlexibleBox {DIV} at (0,75) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 246x15
+    RenderFlexibleBox {DIV} at (49,5) size 246x15
       RenderSlider {INPUT} at (45,2) size 156x13
         RenderFlexibleBox {DIV} at (0,0) size 156x13
           RenderBlock {DIV} at (0,2) size 156x9
             RenderBlock {DIV} at (0,0) size 10x8
     RenderBlock {DIV} at (295,6) size 25x13
 layer at (57,210) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 27x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (258,210) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (201,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (201,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:07"
index 69de5ca..fd4ebdf 100644 (file)
@@ -15,21 +15,21 @@ layer at (0,0) size 800x600
 layer at (8,67) size 200x25
   RenderMedia {AUDIO} at (0,25) size 200x25
 layer at (8,67) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
 layer at (8,67) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 126x15
-      RenderDeprecatedFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (49,5) size 126x15
+      RenderFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (9,0) size 26x11
           RenderText {#text} at (0,0) size 26x11
             text run at (0,0) width 26: "00:00"
       RenderSlider {INPUT} at (0,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
-      RenderDeprecatedFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
+      RenderFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (7,0) size 31x11
           RenderText {#text} at (0,0) size 31x11
             text run at (0,0) width 31: "-00:00"
@@ -39,21 +39,21 @@ layer at (114,76) size 10x8
 layer at (185,73) size 14x12
   RenderButton zI: 2 {INPUT} at (2,0) size 14x12
 layer at (8,42) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
 layer at (8,42) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 126x15
-      RenderDeprecatedFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (49,5) size 126x15
+      RenderFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (9,0) size 26x11
           RenderText {#text} at (0,0) size 26x11
             text run at (0,0) width 26: "00:00"
       RenderSlider {INPUT} at (0,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
-      RenderDeprecatedFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
+      RenderFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (7,0) size 31x11
           RenderText {#text} at (0,0) size 31x11
             text run at (0,0) width 31: "-00:00"
@@ -65,21 +65,21 @@ layer at (185,48) size 14x12
 layer at (8,144) size 200x25
   RenderMedia {AUDIO} at (0,102) size 200x25
 layer at (8,144) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
 layer at (8,144) size 200x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 200x25
+  RenderFlexibleBox {DIV} at (0,0) size 200x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 126x15
-      RenderDeprecatedFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
+    RenderFlexibleBox {DIV} at (49,5) size 126x15
+      RenderFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (9,0) size 26x11
           RenderText {#text} at (0,0) size 26x11
             text run at (0,0) width 26: "00:00"
       RenderSlider {INPUT} at (0,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
-      RenderDeprecatedFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
+      RenderFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
         RenderBlock (anonymous) at (7,0) size 31x11
           RenderText {#text} at (0,0) size 31x11
             text run at (0,0) width 31: "-00:00"
index 05b892e..fd20910 100644 (file)
@@ -11,27 +11,27 @@ layer at (0,0) size 800x600
 layer at (8,42) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,42) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,257) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
-      RenderSlider {INPUT} at (45,2) size 126x13
-        RenderFlexibleBox {DIV} at (0,0) size 126x13
-          RenderBlock {DIV} at (0,2) size 126x9
+    RenderFlexibleBox {DIV} at (49,5) size 219x15
+      RenderSlider {INPUT} at (45,2) size 129x13
+        RenderFlexibleBox {DIV} at (0,0) size 129x13
+          RenderBlock {DIV} at (0,2) size 129x9
             RenderBlock {DIV} at (0,0) size 10x8
-    RenderButton {INPUT} at (297,4) size 16x17
-    RenderBlock {DIV} at (265,6) size 25x13
+    RenderButton {INPUT} at (300,4) size 16x17
+    RenderBlock {DIV} at (268,6) size 25x13
 layer at (57,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 27x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
-layer at (228,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+layer at (231,264) size 45x11
+  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
-layer at (275,264) size 14x12
+layer at (278,264) size 14x12
   RenderButton zI: 1 {INPUT} at (2,0) size 14x12
index 4872f92..5d7d92d 100644 (file)
@@ -11,27 +11,27 @@ layer at (0,0) size 800x302
 layer at (8,50) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,265) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
-      RenderSlider {INPUT} at (45,2) size 126x13
-        RenderFlexibleBox {DIV} at (0,0) size 126x13
-          RenderBlock {DIV} at (0,2) size 126x9
+    RenderFlexibleBox {DIV} at (49,5) size 219x15
+      RenderSlider {INPUT} at (45,2) size 129x13
+        RenderFlexibleBox {DIV} at (0,0) size 129x13
+          RenderBlock {DIV} at (0,2) size 129x9
             RenderBlock {DIV} at (0,0) size 10x8
-    RenderButton {INPUT} at (297,4) size 16x17
-    RenderBlock {DIV} at (265,6) size 25x13
+    RenderButton {INPUT} at (300,4) size 16x17
+    RenderBlock {DIV} at (268,6) size 25x13
 layer at (57,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 27x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
-layer at (228,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+layer at (231,272) size 45x11
+  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
-layer at (275,272) size 14x12
+layer at (278,272) size 14x12
   RenderButton zI: 1 {INPUT} at (2,0) size 14x12
index b10acf1..1ec62e5 100644 (file)
@@ -17,23 +17,23 @@ layer at (8,282) size 320x240
 layer at (18,42) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (18,257) size 320x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderButton {INPUT} at (267,6) size 14x12
 layer at (67,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (238,264) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
@@ -42,23 +42,23 @@ layer at (112,266) size 10x8
 layer at (8,282) size 320x240
   RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
 layer at (8,497) size 320x25
-  RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x16
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
+    RenderFlexibleBox {DIV} at (49,5) size 216x15
       RenderSlider {INPUT} at (45,2) size 126x13
-        RenderDeprecatedFlexibleBox {DIV} at (0,0) size 126x13
+        RenderFlexibleBox {DIV} at (0,0) size 126x13
           RenderBlock {DIV} at (0,2) size 116x8
           RenderBlock {DIV} at (116,2) size 10x8
     RenderButton {INPUT} at (297,4) size 16x16
     RenderButton {INPUT} at (267,6) size 14x12
 layer at (57,504) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 26x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
 layer at (228,504) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
index a0d8632..de24cbb 100644 (file)
@@ -15,52 +15,52 @@ layer at (8,50) size 320x240
 layer at (332,50) size 320x240
   RenderVideo {VIDEO} at (324,0) size 320x240
 layer at (8,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (8,265) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
-      RenderSlider {INPUT} at (45,2) size 126x13
-        RenderFlexibleBox {DIV} at (0,0) size 126x13
-          RenderBlock {DIV} at (0,2) size 126x9
+    RenderFlexibleBox {DIV} at (49,5) size 219x15
+      RenderSlider {INPUT} at (45,2) size 129x13
+        RenderFlexibleBox {DIV} at (0,0) size 129x13
+          RenderBlock {DIV} at (0,2) size 129x9
             RenderBlock {DIV} at (0,0) size 10x8
-    RenderButton {INPUT} at (297,4) size 16x17
-    RenderBlock {DIV} at (265,6) size 25x13
+    RenderButton {INPUT} at (300,4) size 16x17
+    RenderBlock {DIV} at (268,6) size 25x13
 layer at (57,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 27x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
-layer at (228,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+layer at (231,272) size 45x11
+  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
-layer at (275,272) size 14x12
+layer at (278,272) size 14x12
   RenderButton zI: 1 {INPUT} at (2,0) size 14x12
 layer at (332,50) size 320x240
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
 layer at (332,265) size 320x25
-  RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,215) size 320x25
+  RenderFlexibleBox {DIV} at (0,215) size 320x25
     RenderButton {INPUT} at (6,3) size 18x18
     RenderButton {INPUT} at (32,4) size 16x17
-    RenderDeprecatedFlexibleBox {DIV} at (49,5) size 216x15
-      RenderSlider {INPUT} at (45,2) size 126x13
-        RenderFlexibleBox {DIV} at (0,0) size 126x13
-          RenderBlock {DIV} at (0,2) size 126x9
+    RenderFlexibleBox {DIV} at (49,5) size 219x15
+      RenderSlider {INPUT} at (45,2) size 129x13
+        RenderFlexibleBox {DIV} at (0,0) size 129x13
+          RenderBlock {DIV} at (0,2) size 129x9
             RenderBlock {DIV} at (0,0) size 10x8
-    RenderButton {INPUT} at (297,4) size 16x17
-    RenderBlock {DIV} at (265,6) size 25x13
+    RenderButton {INPUT} at (300,4) size 16x17
+    RenderBlock {DIV} at (268,6) size 25x13
 layer at (381,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
+  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (9,0) size 27x11
       RenderText {#text} at (0,0) size 26x11
         text run at (0,0) width 26: "00:00"
-layer at (552,272) size 45x11
-  RenderDeprecatedFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
+layer at (555,272) size 45x11
+  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
     RenderBlock (anonymous) at (7,0) size 31x11
       RenderText {#text} at (0,0) size 31x11
         text run at (0,0) width 31: "-00:06"
-layer at (599,272) size 14x12
+layer at (602,272) size