Remove hidden limiter div in the input slider shadow DOM
authortony@chromium.org <tony@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 27 Nov 2012 21:39:15 +0000 (21:39 +0000)
committertony@chromium.org <tony@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 27 Nov 2012 21:39:15 +0000 (21:39 +0000)
https://bugs.webkit.org/show_bug.cgi?id=102993

Reviewed by Ojan Vafai.

Source/WebCore:

The shadow DOM for input sliders would have a hidden div (the TrackLimiterElement)
the size of the thumb which would limit the position of thumb since the width of
the thumb takes up space in the track. This patch simplifies the shadow DOM by
removing this hidden div and computing the position of the thumb taking the size of
the thumb into account.

No new tests, covered by existing tests in fast/forms.

* css/mediaControlsChromium.css:
(input[type="range"]::-webkit-media-slider-container > div): We were depending on the behavior of the limiter having negative margins, causing the slider div
to overflow. Moving the negative margin to the slider produces the same effect.
* css/mediaControlsChromiumAndroid.css:
(input[type="range"]::-webkit-media-slider-container > div): Ditto.
* html/RangeInputType.cpp:
(WebCore::RangeInputType::createShadowSubtree): Remove limiter div.
* html/shadow/SliderThumbElement.cpp:
(WebCore::RenderSliderContainer::layout): Adjust the available space for the thumb and correctly position in the vertical case.
(WebCore::SliderThumbElement::setPositionFromPoint): Adjust the usable track size and simplify RTL code (no need to account for the limiter).
(WebCore): Delete limiter code.
* html/shadow/SliderThumbElement.h:
(WebCore): Delete limiter code.
* rendering/RenderSlider.cpp:
(WebCore::RenderSlider::layout): Delete limiter code.
* rendering/RenderTheme.cpp:
(WebCore::RenderTheme::paintSliderTicks): Simplify code for painting tick marks.

LayoutTests:

Pixel results should be the same, but the render tree for RenderSlider has one less div.

* platform/chromium-linux/fast/dom/HTMLInputElement/input-slider-update-expected.txt:
* platform/chromium-linux/fast/dom/HTMLInputElement/input-slider-update-styled-expected.txt:
* platform/chromium-linux/fast/forms/box-shadow-override-expected.txt:
* platform/chromium-linux/fast/forms/input-appearance-height-expected.txt:
* platform/chromium-linux/fast/forms/range/input-appearance-range-expected.txt:
* platform/chromium-linux/fast/forms/range/range-thumb-height-percentage-expected.txt:
* platform/chromium-linux/fast/forms/range/slider-padding-expected.txt:
* platform/chromium-linux/fast/forms/range/slider-thumb-shared-style-expected.txt:
* platform/chromium-linux/fast/forms/range/slider-thumb-stylability-expected.txt:
* platform/chromium-linux/fast/multicol/client-rects-expected.txt:
* platform/chromium-linux/fast/repaint/slider-thumb-drag-release-expected.txt:
* platform/chromium-linux/fast/repaint/slider-thumb-float-expected.txt:
* platform/chromium-win/fast/hidpi/video-controls-in-hidpi-expected.txt:
* platform/chromium-win/fast/layers/video-layer-expected.txt:
* platform/chromium-win/media/audio-controls-rendering-expected.txt:
* platform/chromium-win/media/audio-repaint-expected.txt:
* platform/chromium-win/media/controls-after-reload-expected.txt:
* platform/chromium-win/media/controls-strict-expected.txt:
* platform/chromium-win/media/controls-styling-expected.txt:
* platform/chromium-win/media/controls-styling-strict-expected.txt:
* platform/chromium-win/media/controls-without-preload-expected.txt:
* platform/chromium-win/media/media-controls-clone-expected.txt:
* platform/chromium-win/media/media-document-audio-repaint-expected.txt:
* platform/chromium-win/media/video-controls-rendering-expected.txt:
* platform/chromium-win/media/video-display-toggle-expected.txt:
* platform/chromium-win/media/video-no-audio-expected.txt:
* platform/chromium-win/media/video-playing-and-pause-expected.txt:
* platform/chromium-win/media/video-zoom-controls-expected.txt:
* platform/chromium-win/platform/chromium/virtual/gpu/fast/hidpi/video-controls-in-hidpi-expected.txt:

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

44 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/chromium-linux/fast/dom/HTMLInputElement/input-slider-update-expected.txt
LayoutTests/platform/chromium-linux/fast/dom/HTMLInputElement/input-slider-update-styled-expected.txt
LayoutTests/platform/chromium-linux/fast/forms/box-shadow-override-expected.txt
LayoutTests/platform/chromium-linux/fast/forms/input-appearance-height-expected.txt
LayoutTests/platform/chromium-linux/fast/forms/range/input-appearance-range-expected.txt
LayoutTests/platform/chromium-linux/fast/forms/range/range-thumb-height-percentage-expected.txt
LayoutTests/platform/chromium-linux/fast/forms/range/slider-padding-expected.txt
LayoutTests/platform/chromium-linux/fast/forms/range/slider-thumb-shared-style-expected.txt
LayoutTests/platform/chromium-linux/fast/forms/range/slider-thumb-stylability-expected.txt
LayoutTests/platform/chromium-linux/fast/multicol/client-rects-expected.txt
LayoutTests/platform/chromium-linux/fast/repaint/slider-thumb-drag-release-expected.txt
LayoutTests/platform/chromium-linux/fast/repaint/slider-thumb-float-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/video-controls-rendering-expected.txt
LayoutTests/platform/chromium-win/media/video-display-toggle-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/gtk/TestExpectations
LayoutTests/platform/mac/TestExpectations
LayoutTests/platform/qt/TestExpectations
LayoutTests/platform/win/TestExpectations
Source/WebCore/ChangeLog
Source/WebCore/css/mediaControlsChromium.css
Source/WebCore/css/mediaControlsChromiumAndroid.css
Source/WebCore/html/RangeInputType.cpp
Source/WebCore/html/shadow/SliderThumbElement.cpp
Source/WebCore/html/shadow/SliderThumbElement.h
Source/WebCore/rendering/RenderSlider.cpp
Source/WebCore/rendering/RenderTheme.cpp

index 3968fc9..6fa323f 100644 (file)
@@ -1,3 +1,42 @@
+2012-11-27  Tony Chang  <tony@chromium.org>
+
+        Remove hidden limiter div in the input slider shadow DOM
+        https://bugs.webkit.org/show_bug.cgi?id=102993
+
+        Reviewed by Ojan Vafai.
+
+        Pixel results should be the same, but the render tree for RenderSlider has one less div.
+
+        * platform/chromium-linux/fast/dom/HTMLInputElement/input-slider-update-expected.txt:
+        * platform/chromium-linux/fast/dom/HTMLInputElement/input-slider-update-styled-expected.txt:
+        * platform/chromium-linux/fast/forms/box-shadow-override-expected.txt:
+        * platform/chromium-linux/fast/forms/input-appearance-height-expected.txt:
+        * platform/chromium-linux/fast/forms/range/input-appearance-range-expected.txt:
+        * platform/chromium-linux/fast/forms/range/range-thumb-height-percentage-expected.txt:
+        * platform/chromium-linux/fast/forms/range/slider-padding-expected.txt:
+        * platform/chromium-linux/fast/forms/range/slider-thumb-shared-style-expected.txt:
+        * platform/chromium-linux/fast/forms/range/slider-thumb-stylability-expected.txt:
+        * platform/chromium-linux/fast/multicol/client-rects-expected.txt:
+        * platform/chromium-linux/fast/repaint/slider-thumb-drag-release-expected.txt:
+        * platform/chromium-linux/fast/repaint/slider-thumb-float-expected.txt:
+        * platform/chromium-win/fast/hidpi/video-controls-in-hidpi-expected.txt:
+        * platform/chromium-win/fast/layers/video-layer-expected.txt:
+        * platform/chromium-win/media/audio-controls-rendering-expected.txt:
+        * platform/chromium-win/media/audio-repaint-expected.txt:
+        * platform/chromium-win/media/controls-after-reload-expected.txt:
+        * platform/chromium-win/media/controls-strict-expected.txt:
+        * platform/chromium-win/media/controls-styling-expected.txt:
+        * platform/chromium-win/media/controls-styling-strict-expected.txt:
+        * platform/chromium-win/media/controls-without-preload-expected.txt:
+        * platform/chromium-win/media/media-controls-clone-expected.txt:
+        * platform/chromium-win/media/media-document-audio-repaint-expected.txt:
+        * platform/chromium-win/media/video-controls-rendering-expected.txt:
+        * platform/chromium-win/media/video-display-toggle-expected.txt:
+        * platform/chromium-win/media/video-no-audio-expected.txt:
+        * platform/chromium-win/media/video-playing-and-pause-expected.txt:
+        * platform/chromium-win/media/video-zoom-controls-expected.txt:
+        * platform/chromium-win/platform/chromium/virtual/gpu/fast/hidpi/video-controls-in-hidpi-expected.txt:
+
 2012-11-27  Robert Kroeger  <rjkroege@chromium.org>
 
         Unreviewed gardening: fast/frames/frame-name-reset.html crashing intermittently
index d6fd875..b8b6737 100644 (file)
@@ -5,7 +5,6 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderSlider {INPUT} at (2,2) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
         RenderFlexibleBox {DIV} at (0,0) size 129x21
-          RenderBlock {DIV} at (0,0) size 118x21
+          RenderBlock {DIV} at (0,0) size 129x21
             RenderBlock {DIV} at (118,0) size 11x21
-          RenderBlock {DIV} at (118,0) size 11x21
       RenderText {#text} at (0,0) size 0x0
index 8cd2598..6b9b6c0 100644 (file)
@@ -5,7 +5,6 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderSlider {INPUT} at (2,2) size 100x10 [color=#9D968E] [bgcolor=#FF0000]
         RenderFlexibleBox {DIV} at (0,0) size 100x10
-          RenderBlock {DIV} at (0,0) size 90x10
+          RenderBlock {DIV} at (0,0) size 100x10
             RenderBlock {DIV} at (90,0) size 10x10 [bgcolor=#008000]
-          RenderBlock {DIV} at (90,0) size 10x10 [bgcolor=#008000]
       RenderText {#text} at (0,0) size 0x0
index ff7c1ad..cf70f2b 100644 (file)
@@ -39,9 +39,8 @@ layer at (0,0) size 800x600
           text run at (45,9) width 4: " "
         RenderSlider {INPUT} at (51,3) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x21
-            RenderBlock {DIV} at (0,0) size 118x21
+            RenderBlock {DIV} at (0,0) size 129x21
               RenderBlock {DIV} at (59,0) size 11x21
-            RenderBlock {DIV} at (118,0) size 11x21
         RenderText {#text} at (182,9) size 4x19
           text run at (182,9) width 4: " "
         RenderFileUploadControl {INPUT} at (188,8) size 238x22 "No file chosen"
index b7c91aa..6de2724 100644 (file)
@@ -51,9 +51,8 @@ layer at (0,0) size 800x600
           text run at (0,148) width 37: "range "
         RenderSlider {INPUT} at (39,142) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x21
-            RenderBlock {DIV} at (0,0) size 118x21
+            RenderBlock {DIV} at (0,0) size 129x21
               RenderBlock {DIV} at (59,0) size 11x21
-            RenderBlock {DIV} at (118,0) size 11x21
         RenderText {#text} at (170,148) size 4x19
           text run at (170,148) width 4: " "
         RenderBR {BR} at (174,163) size 0x0
index 65fb25b..1cf111b 100644 (file)
@@ -6,31 +6,26 @@ layer at (0,0) size 800x284
       RenderBlock {DIV} at (0,0) size 784x37
         RenderSlider {INPUT} at (2,2) size 129x30 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x30
-            RenderBlock {DIV} at (0,4) size 118x22
+            RenderBlock {DIV} at (0,4) size 129x22
               RenderBlock {DIV} at (59,0) size 11x21
-            RenderBlock {DIV} at (118,0) size 11x21
       RenderBlock {DIV} at (0,37) size 784x28
         RenderSlider {INPUT} at (2,2) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x21
-            RenderBlock {DIV} at (0,0) size 118x21
+            RenderBlock {DIV} at (0,0) size 129x21
               RenderBlock {DIV} at (0,0) size 11x21
-            RenderBlock {DIV} at (118,0) size 11x21
       RenderBlock {DIV} at (0,65) size 784x28
         RenderSlider {INPUT} at (2,2) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x21
-            RenderBlock {DIV} at (0,0) size 118x21
+            RenderBlock {DIV} at (0,0) size 129x21
               RenderBlock {DIV} at (118,0) size 11x21
-            RenderBlock {DIV} at (118,0) size 11x21
       RenderBlock {DIV} at (0,93) size 784x147
         RenderSlider {INPUT} at (64,2) size 129x140 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x140
-            RenderBlock {DIV} at (54,0) size 21x129
+            RenderBlock {DIV} at (54,0) size 21x140
               RenderBlock {DIV} at (0,64) size 21x12
-            RenderBlock {DIV} at (0,129) size 21x11
       RenderBlock {DIV} at (0,240) size 784x28
 layer at (10,250) size 129x21
   RenderSlider {INPUT} at (2,2) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
     RenderFlexibleBox {DIV} at (0,0) size 129x21
-      RenderBlock {DIV} at (0,0) size 118x21
+      RenderBlock {DIV} at (0,0) size 129x21
         RenderBlock {DIV} at (88,0) size 12x21
-      RenderBlock {DIV} at (118,0) size 11x21
index a151939..a117f4d 100644 (file)
@@ -9,7 +9,6 @@ layer at (0,0) size 800x600
       RenderBlock (anonymous) at (0,36) size 784x24
         RenderSlider {INPUT} at (2,2) size 200x20 [color=#9D968E] [bgcolor=#C0C0C0]
           RenderFlexibleBox {DIV} at (0,0) size 200x20
-            RenderBlock {DIV} at (0,5) size 190x10
+            RenderBlock {DIV} at (0,5) size 200x10
               RenderBlock {DIV} at (95,0) size 10x10 [bgcolor=#008000]
-            RenderBlock {DIV} at (190,0) size 10x10 [bgcolor=#008000]
         RenderText {#text} at (0,0) size 0x0
index d6116fc..9ce0b12 100644 (file)
@@ -10,8 +10,7 @@ layer at (0,0) size 800x600
       RenderBlock {DIV} at (0,20) size 784x45 [bgcolor=#ADD8E6]
         RenderSlider {INPUT} at (2,2) size 100x41 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (10,10) size 80x21
-            RenderBlock {DIV} at (0,0) size 69x21
+            RenderBlock {DIV} at (0,0) size 80x21
               RenderBlock {DIV} at (0,0) size 11x21
-            RenderBlock {DIV} at (69,0) size 11x21
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {PRE} at (0,78) size 784x0
index 3d7556e..74f5b8b 100644 (file)
@@ -21,13 +21,11 @@ layer at (0,0) size 800x600
       RenderBlock {DIV} at (0,72) size 784x50
         RenderSlider {INPUT} at (2,2) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x21
-            RenderBlock {DIV} at (0,0) size 118x21
+            RenderBlock {DIV} at (0,0) size 129x21
               RenderBlock {DIV} at (0,0) size 11x21
-            RenderBlock {DIV} at (118,0) size 11x21
         RenderBR {BR} at (133,23) size 0x0
         RenderSlider {INPUT} at (2,27) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
           RenderFlexibleBox {DIV} at (0,0) size 129x21
-            RenderBlock {DIV} at (0,0) size 118x21
+            RenderBlock {DIV} at (0,0) size 129x21
               RenderBlock {DIV} at (118,0) size 11x21
-            RenderBlock {DIV} at (118,0) size 11x21
         RenderText {#text} at (0,0) size 0x0
index f13653b..2af93ba 100644 (file)
@@ -5,7 +5,6 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderSlider {INPUT} at (2,2) size 129x20 [color=#9D968E] [bgcolor=#FFFFFF]
         RenderFlexibleBox {DIV} at (0,0) size 129x20
-          RenderBlock {DIV} at (0,0) size 109x20
+          RenderBlock {DIV} at (0,0) size 129x20
             RenderBlock {DIV} at (0,0) size 20x20 [bgcolor=#008000]
-          RenderBlock {DIV} at (109,0) size 20x20 [bgcolor=#008000]
       RenderText {#text} at (0,0) size 0x0
index 68ef312..9a20f1e 100644 (file)
@@ -63,8 +63,7 @@ layer at (8,398) size 136x76
       RenderSlider {INPUT} at (2,27) size 25x25 [color=#9D968E] [bgcolor=#ADD8E6]
         RenderFlexibleBox {DIV} at (0,0) size 25x25
           RenderBlock {DIV} at (0,12) size 25x1
-            RenderBlock {DIV} at (12,0) size 26x0
-          RenderBlock {DIV} at (25,0) size 0x25
+            RenderBlock {DIV} at (0,0) size 25x0
 layer at (8,484) size 136x76
   RenderBlock {DIV} at (0,476) size 136x76 [color=#ADD8E6] [border: (3px solid #000000)]
     RenderBlock (anonymous) at (13,13) size 50x25
index d6fd875..b8b6737 100644 (file)
@@ -5,7 +5,6 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderSlider {INPUT} at (2,2) size 129x21 [color=#9D968E] [bgcolor=#FFFFFF]
         RenderFlexibleBox {DIV} at (0,0) size 129x21
-          RenderBlock {DIV} at (0,0) size 118x21
+          RenderBlock {DIV} at (0,0) size 129x21
             RenderBlock {DIV} at (118,0) size 11x21
-          RenderBlock {DIV} at (118,0) size 11x21
       RenderText {#text} at (0,0) size 0x0
index 3e60ce1..e0285d8 100644 (file)
@@ -5,6 +5,5 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderSlider {INPUT} at (2,2) size 100x10 [color=#9D968E] [bgcolor=#FF0000]
         RenderFlexibleBox {DIV} at (0,0) size 100x10
-          RenderBlock {DIV} at (0,0) size 90x10
+          RenderBlock {DIV} at (0,0) size 100x10
             RenderBlock {DIV} at (90,0) size 10x10 [bgcolor=#008000]
-          RenderBlock {DIV} at (90,0) size 10x10 [bgcolor=#008000]
index bcc4252..3dc3b2d 100644 (file)
@@ -13,14 +13,13 @@ layer at (8,28) size 300x150
 layer at (8,28) size 300x150
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
-layer at (13,143) size 290x30 scrollHeight 36
+layer at (13,143) size 290x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 132x24
+        RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (126,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
index 3bc4e42..96d3a83 100644 (file)
@@ -18,14 +18,13 @@ layer at (58,114) size 302x152
 layer at (59,115) size 300x150
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
-layer at (64,230) size 290x30 scrollHeight 36
+layer at (64,230) size 290x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 132x24
+        RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (126,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
index aeff819..8e5a701 100644 (file)
@@ -17,14 +17,13 @@ layer at (0,0) size 800x600
 layer at (8,44) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
-layer at (8,44) size 300x30 scrollHeight 36
+layer at (8,44) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 83x24
+        RenderBlock {DIV} at (1,-8) size 115x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (77,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -32,20 +31,18 @@ layer at (8,44) size 300x30 scrollHeight 36
     RenderButton {INPUT} at (200,0) size 35x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 32x24
+        RenderBlock {DIV} at (1,-8) size 56x24
           RenderBlock {DIV} at (25,0) size 24x24
-        RenderBlock {DIV} at (26,1) size 24x24
 layer at (8,94) size 320x30
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30
     RenderBlock {DIV} at (0,0) size 320x30
-layer at (8,94) size 320x30 scrollHeight 36
+layer at (8,94) size 320x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 93x24
+        RenderBlock {DIV} at (1,-8) size 125x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (87,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -53,22 +50,20 @@ layer at (8,94) size 320x30 scrollHeight 36
     RenderButton {INPUT} at (210,0) size 35x30
     RenderSlider {INPUT} at (251,11) size 54x8
       RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 42x24
+        RenderBlock {DIV} at (1,-8) size 66x24
           RenderBlock {DIV} at (35,0) size 24x24
-        RenderBlock {DIV} at (36,1) size 24x24
 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
     RenderBlock {DIV} at (0,70) size 320x30
-layer at (8,214) size 320x30 scrollHeight 36
+layer at (8,214) size 320x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 93x24
+        RenderBlock {DIV} at (1,-8) size 125x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (87,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -76,6 +71,5 @@ layer at (8,214) size 320x30 scrollHeight 36
     RenderButton {INPUT} at (210,0) size 35x30
     RenderSlider {INPUT} at (251,11) size 54x8
       RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 42x24
+        RenderBlock {DIV} at (1,-8) size 66x24
           RenderBlock {DIV} at (35,0) size 24x24
-        RenderBlock {DIV} at (36,1) size 24x24
index e82c4ab..06b16d0 100644 (file)
@@ -17,14 +17,13 @@ layer at (8,74) size 300x30
 layer at (8,74) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
-layer at (8,74) size 300x30 scrollHeight 36
+layer at (8,74) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 83x24
+        RenderBlock {DIV} at (1,-8) size 115x24
           RenderBlock {DIV} at (34,0) size 33x24
-        RenderBlock {DIV} at (77,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -32,20 +31,18 @@ layer at (8,74) size 300x30 scrollHeight 36
     RenderButton {INPUT} at (200,0) size 35x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 32x24
+        RenderBlock {DIV} at (1,-8) size 56x24
           RenderBlock {DIV} at (25,0) size 24x24
-        RenderBlock {DIV} at (26,1) size 24x24
 layer at (8,44) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
-layer at (8,44) size 300x30 scrollHeight 36
+layer at (8,44) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 83x24
+        RenderBlock {DIV} at (1,-8) size 115x24
           RenderBlock {DIV} at (34,0) size 33x24
-        RenderBlock {DIV} at (77,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -53,22 +50,20 @@ layer at (8,44) size 300x30 scrollHeight 36
     RenderButton {INPUT} at (200,0) size 35x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 32x24
+        RenderBlock {DIV} at (1,-8) size 56x24
           RenderBlock {DIV} at (25,0) size 24x24
-        RenderBlock {DIV} at (26,1) size 24x24
 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
     RenderBlock {DIV} at (0,0) size 300x30
-layer at (8,156) size 300x30 scrollHeight 36
+layer at (8,156) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 83x24
+        RenderBlock {DIV} at (1,-8) size 115x24
           RenderBlock {DIV} at (34,0) size 33x24
-        RenderBlock {DIV} at (77,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -76,6 +71,5 @@ layer at (8,156) size 300x30 scrollHeight 36
     RenderButton {INPUT} at (200,0) size 35x30
     RenderSlider {INPUT} at (241,11) size 44x8
       RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 32x24
+        RenderBlock {DIV} at (1,-8) size 56x24
           RenderBlock {DIV} at (25,0) size 24x24
-        RenderBlock {DIV} at (26,1) size 24x24
index 1b132b3..06e2bcc 100644 (file)
@@ -13,14 +13,13 @@ layer at (8,44) size 320x240
 layer at (8,44) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,249) size 310x30 scrollHeight 36
+layer at (13,249) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -28,7 +27,6 @@ layer at (13,249) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index ef409f4..aa1190f 100644 (file)
@@ -13,14 +13,13 @@ layer at (8,52) size 320x240
 layer at (8,52) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,257) size 310x30 scrollHeight 36
+layer at (13,257) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -28,7 +27,6 @@ layer at (13,257) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index 584ba4b..130ff76 100644 (file)
@@ -17,14 +17,13 @@ layer at (8,284) size 320x240
 layer at (18,44) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (23,249) size 310x30 scrollHeight 36
+layer at (23,249) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -32,21 +31,19 @@ layer at (23,249) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,284) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,489) size 310x30 scrollHeight 36
+layer at (13,489) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -54,7 +51,6 @@ layer at (13,489) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index 2c378d2..b52d27b 100644 (file)
@@ -17,14 +17,13 @@ layer at (332,52) size 320x240
 layer at (8,52) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,257) size 310x30 scrollHeight 36
+layer at (13,257) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -32,21 +31,19 @@ layer at (13,257) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (332,52) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (337,257) size 310x30 scrollHeight 36
+layer at (337,257) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -54,7 +51,6 @@ layer at (337,257) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index 27db628..cd88c3c 100644 (file)
@@ -13,14 +13,13 @@ layer at (8,44) size 320x240
 layer at (8,44) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,249) size 310x30 scrollHeight 36
+layer at (13,249) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -28,7 +27,6 @@ layer at (13,249) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index a94220f..93aa527 100644 (file)
@@ -14,14 +14,13 @@ layer at (8,163) size 300x150
 layer at (8,8) size 300x150
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
-layer at (13,123) size 290x30 scrollHeight 36
+layer at (13,123) size 290x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 132x24
+        RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (126,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -30,14 +29,13 @@ layer at (13,123) size 290x30 scrollHeight 36
 layer at (308,128) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
-layer at (308,128) size 300x30 scrollHeight 36
+layer at (308,128) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 142x24
+        RenderBlock {DIV} at (1,-8) size 174x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (136,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -46,14 +44,13 @@ layer at (308,128) size 300x30 scrollHeight 36
 layer at (8,163) size 300x150
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
-layer at (13,278) size 290x30 scrollHeight 36
+layer at (13,278) size 290x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 132x24
+        RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (126,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -62,14 +59,13 @@ layer at (13,278) size 290x30 scrollHeight 36
 layer at (308,283) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30
     RenderBlock {DIV} at (0,0) size 300x30
-layer at (308,283) size 300x30 scrollHeight 36
+layer at (308,283) size 300x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 142x24
+        RenderBlock {DIV} at (1,-8) size 174x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (136,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
index 432eb62..6c34a0f 100644 (file)
@@ -19,14 +19,13 @@ layer at (0,0) size 800x600
           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 scrollHeight 36
+          layer at (45,165) size 290x30
             RenderDeprecatedFlexibleBox (relative positioned) {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 78x24
+                  RenderBlock {DIV} at (1,-8) size 110x24
                     RenderBlock {DIV} at (31,0) size 33x24
-                  RenderBlock {DIV} at (72,1) size 32x24
               RenderDeprecatedFlexibleBox {DIV} at (161,0) size 25x30 [color=#FFFFFF]
                 RenderBlock (anonymous) at (0,0) size 25x30
                   RenderText {#text} at (0,7) size 25x16
@@ -34,8 +33,7 @@ layer at (0,0) size 800x600
               RenderButton {INPUT} at (195,0) size 35x30
               RenderSlider {INPUT} at (236,11) size 39x8
                 RenderFlexibleBox {DIV} at (0,0) size 39x8 [border: (1px solid #E6E6E659)]
-                  RenderBlock {DIV} at (1,-8) size 27x24
+                  RenderBlock {DIV} at (1,-8) size 51x24
                     RenderBlock {DIV} at (20,0) size 24x24
-                  RenderBlock {DIV} at (21,1) size 24x24
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
index 9f0bb6c..46aed5c 100644 (file)
@@ -18,14 +18,13 @@ layer at (8,284) size 320x240
 layer at (8,44) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,249) size 310x30 scrollHeight 36
+layer at (13,249) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -33,21 +32,19 @@ layer at (13,249) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
 layer at (8,284) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,489) size 310x30 scrollHeight 36
+layer at (13,489) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -55,23 +52,21 @@ layer at (13,489) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     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
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,729) size 310x30 scrollHeight 36
+layer at (13,729) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -79,7 +74,6 @@ layer at (13,729) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index 2690f61..d6c967d 100644 (file)
@@ -12,14 +12,13 @@ layer at (8,28) size 320x240
 layer at (8,28) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,233) size 310x30 scrollHeight 36
+layer at (13,233) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -27,7 +26,6 @@ layer at (13,233) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index 1aac12a..bda3209 100644 (file)
@@ -13,14 +13,13 @@ layer at (8,44) size 352x288
 layer at (8,44) size 352x288
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288
     RenderBlock {DIV} at (0,253) size 352x35
-layer at (13,297) size 342x30 scrollHeight 36
+layer at (13,297) size 342x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 150x24
+        RenderBlock {DIV} at (1,-8) size 182x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (144,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (233,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
index 2f16319..0545c41 100644 (file)
@@ -14,14 +14,13 @@ layer at (8,72) size 320x240
 layer at (8,72) size 320x240
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240
     RenderBlock {DIV} at (0,205) size 320x35
-layer at (13,277) size 310x30 scrollHeight 36
+layer at (13,277) size 310x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 71x24
+        RenderBlock {DIV} at (1,-8) size 103x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (65,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (154,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
@@ -29,7 +28,6 @@ layer at (13,277) size 310x30 scrollHeight 36
     RenderButton {INPUT} at (188,0) size 35x30
     RenderSlider {INPUT} at (229,11) size 32x8
       RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-8) size 20x24
+        RenderBlock {DIV} at (1,-8) size 44x24
           RenderBlock {DIV} at (13,0) size 24x24
-        RenderBlock {DIV} at (14,1) size 24x24
     RenderButton {INPUT} at (271,0) size 30x30
index ec3eebe..7e7d191 100644 (file)
@@ -11,14 +11,13 @@ layer at (57,85) size 240x180
 layer at (57,85) size 240x180
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180
     RenderBlock {DIV} at (0,127) size 240x53
-layer at (65,213) size 225x45 scrollWidth 329 scrollHeight 54
+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
       RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-12) size 9x36
+        RenderBlock {DIV} at (1,-12) size 57x36
           RenderBlock {DIV} at (-11,0) size 49x36
-        RenderBlock {DIV} at (-1,1) size 48x36
     RenderDeprecatedFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 40x45
         RenderText {#text} at (0,10) size 40x24
@@ -26,23 +25,21 @@ layer at (65,213) size 225x45 scrollWidth 329 scrollHeight 54
     RenderButton {INPUT} at (185,0) size 53x45
     RenderSlider {INPUT} at (247,16) size 23x13
       RenderFlexibleBox {DIV} at (0,0) size 23x12 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-12) size 6x36
+        RenderBlock {DIV} at (1,-12) size 42x36
           RenderBlock {DIV} at (-5,0) size 36x36
-        RenderBlock {DIV} at (-4,1) size 36x36
     RenderButton {INPUT} at (284,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
     RenderBlock {DIV} at (0,127) size 240x53
-layer at (65,438) size 225x45 scrollWidth 329 scrollHeight 54
+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
       RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-12) size 9x36
+        RenderBlock {DIV} at (1,-12) size 57x36
           RenderBlock {DIV} at (-11,0) size 49x36
-        RenderBlock {DIV} at (-1,1) size 48x36
     RenderDeprecatedFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 40x45
         RenderText {#text} at (0,10) size 40x24
@@ -50,7 +47,6 @@ layer at (65,438) size 225x45 scrollWidth 329 scrollHeight 54
     RenderButton {INPUT} at (185,0) size 53x45
     RenderSlider {INPUT} at (247,16) size 23x13
       RenderFlexibleBox {DIV} at (0,0) size 23x12 [border: (1px solid #E6E6E659)]
-        RenderBlock {DIV} at (1,-12) size 6x36
+        RenderBlock {DIV} at (1,-12) size 42x36
           RenderBlock {DIV} at (-5,0) size 36x36
-        RenderBlock {DIV} at (-4,1) size 36x36
     RenderButton {INPUT} at (284,0) size 46x45
index bcc4252..3dc3b2d 100644 (file)
@@ -13,14 +13,13 @@ layer at (8,28) size 300x150
 layer at (8,28) size 300x150
   RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150
     RenderBlock {DIV} at (0,115) size 300x35
-layer at (13,143) size 290x30 scrollHeight 36
+layer at (13,143) size 290x30
   RenderDeprecatedFlexibleBox (relative positioned) {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 132x24
+        RenderBlock {DIV} at (1,-8) size 164x24
           RenderBlock {DIV} at (-7,0) size 32x24
-        RenderBlock {DIV} at (126,1) size 32x24
     RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
       RenderBlock (anonymous) at (0,0) size 25x30
         RenderText {#text} at (0,7) size 25x16
index 9fe5db7..6d744ae 100644 (file)
@@ -4235,6 +4235,36 @@ webkit.org/b/102724 crbug.com/9797 crbug.com/161762 [ Release ] svg/carto.net/co
 webkit.org/b/102724 crbug.com/161762 [ Debug ] svg/custom/gradient-stop-corner-cases.svg [ Crash ]
 webkit.org/b/102724 crbug.com/161762 [ Release ] svg/custom/gradient-stop-corner-cases.svg [ ImageOnlyFailure ]
 
+webkit.org/b/102993 [ Win Mac ] fast/dom/HTMLInputElement/input-slider-update.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/dom/HTMLInputElement/input-slider-update-styled.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/forms/box-shadow-override.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/forms/input-appearance-height.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/forms/range/input-appearance-range.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/forms/range/range-thumb-height-percentage.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/forms/range/slider-padding.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/forms/range/slider-thumb-shared-style.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/forms/range/slider-thumb-stylability.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/multicol/client-rects.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/repaint/slider-thumb-drag-release.html [ Failure ]
+webkit.org/b/102993 [ Win Mac ] fast/repaint/slider-thumb-float.html [ Failure ]
+webkit.org/b/102993 [ Mac ] fast/hidpi/video-controls-in-hidpi.html [ Failure ]
+webkit.org/b/102993 [ Mac ] fast/layers/video-layer.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/audio-controls-rendering.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/audio-repaint.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/controls-after-reload.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/controls-strict.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/controls-styling.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/controls-styling-strict.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/controls-without-preload.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/media-controls-clone.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/media-document-audio-repaint.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/video-controls-rendering.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/video-display-toggle.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/video-no-audio.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/video-playing-and-pause.html [ Failure ]
+webkit.org/b/102993 [ Mac ] media/video-zoom-controls.html [ Failure ]
+webkit.org/b/102993 [ Mac ] platform/chromium/virtual/gpu/fast/hidpi/video-controls-in-hidpi.html [ Failure ]
+
 # Fails until we enable the Resource Timing API.
 webkit.org/b/61138 http/tests/w3c/webperf/submission/resource-timing [ Skip ]
 
index 97409ca..c00ae83 100644 (file)
@@ -714,8 +714,8 @@ webkit.org/b/93212 http/tests/incremental/slow-utf8-text.pl [ Pass Timeout ]
 webkit.org/b/85180 media/audio-delete-while-step-button-clicked.html [ Failure Pass ]
 webkit.org/b/86074 media/svg-as-image-with-media-blocked.html [ Crash Pass ]
 webkit.org/b/83878 media/track/track-mode.html [ Failure Pass ]
-webkit.org/b/68878 media/video-playing-and-pause.html [ Failure Pass ]
-webkit.org/b/98621 media/video-controls-rendering.html [ Failure Pass ]
+webkit.org/b/68878 webkit.org/b/102993 media/video-playing-and-pause.html [ Failure Pass ]
+webkit.org/b/98621 webkit.org/b/102993 media/video-controls-rendering.html [ Failure Pass ]
 webkit.org/b/96641 media/video-seek-past-end-playing.html [ Failure Pass ]
 
 webkit.org/b/100636 [ Debug ] jquery/traversing.html [ Failure Crash Pass ]
@@ -1637,8 +1637,8 @@ Bug(EFL) transforms/3d/point-mapping/3d-point-mapping.html [ Missing ]
 Bug(EFL) transitions/negative-delay.html [ Failure Pass ]
 
 # Media paint regressions
-webkit.org/b/102068 media/audio-repaint.html [ ImageOnlyFailure ]
-webkit.org/b/102068 media/media-document-audio-repaint.html [ ImageOnlyFailure ]
+webkit.org/b/102068 webkit.org/b/102993 media/audio-repaint.html [ Failure ]
+webkit.org/b/102068 webkit.org/b/102993 media/media-document-audio-repaint.html [ Failure ]
 
 # It may even be the case that the tests themselves are wrong.
 webkit.org/b/100859 ietestcenter/css3/bordersbackgrounds/background-repeat-space-padding-box.htm [ ImageOnlyFailure Missing ]
@@ -1668,6 +1668,31 @@ webkit.org/b/102097 svg/as-image/image-respects-deviceScaleFactor.html [ Skip ]
 
 webkit.org/b/102100 svg/repaint/inner-svg-change-viewBox.svg [ ImageOnlyFailure ]
 
+# Needs rebaseline. A div should be removed, but the rendering should be the same.
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update.html [ Failure ]
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update-styled.html [ Failure ]
+webkit.org/b/102993 fast/forms/box-shadow-override.html [ Failure ]
+webkit.org/b/102993 fast/forms/input-appearance-height.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/input-appearance-range.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/range-thumb-height-percentage.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-padding.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-thumb-shared-style.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-thumb-stylability.html [ Failure ]
+webkit.org/b/102993 fast/multicol/client-rects.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-drag-release.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-float.html [ Failure ]
+webkit.org/b/102993 fast/layers/video-layer.html [ Failure ]
+webkit.org/b/102993 media/audio-controls-rendering.html [ Failure ]
+webkit.org/b/102993 media/controls-after-reload.html [ Failure ]
+webkit.org/b/102993 media/controls-strict.html [ Failure ]
+webkit.org/b/102993 media/controls-styling.html [ Failure ]
+webkit.org/b/102993 media/controls-styling-strict.html [ Failure ]
+webkit.org/b/102993 media/controls-without-preload.html [ Failure ]
+webkit.org/b/102993 media/media-controls-clone.html [ Failure ]
+webkit.org/b/102993 media/video-display-toggle.html [ Failure ]
+webkit.org/b/102993 media/video-no-audio.html [ Failure ]
+webkit.org/b/102993 media/video-zoom-controls.html [ Failure ]
+
 webkit.org/b/102190 compositing/overflow/updating-scrolling-content.html [ Failure ]
 
 webkit.org/b/102364 compositing/overflow/scrolling-without-painting.html [ Failure ]
index 933b558..8796683 100644 (file)
@@ -1369,8 +1369,36 @@ webkit.org/b/102349 fast/dom/shadow/pseudoclass-update-enabled-area.html [ Image
 
 webkit.org/b/102586 media/video-src-blob.html [ Failure ]
 
+# Needs rebaseline. A div should be removed, but the rendering should be the same.
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update.html [ Failure ]
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update-styled.html [ Failure ]
+webkit.org/b/102993 fast/forms/box-shadow-override.html [ Failure ]
+webkit.org/b/102993 fast/forms/input-appearance-height.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/input-appearance-range.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/range-thumb-height-percentage.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-padding.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-thumb-shared-style.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-thumb-stylability.html [ Failure ]
+webkit.org/b/102993 fast/multicol/client-rects.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-drag-release.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-float.html [ Failure ]
+webkit.org/b/102993 fast/hidpi/video-controls-in-hidpi.html [ Failure ]
+webkit.org/b/102993 fast/layers/video-layer.html [ Failure ]
+webkit.org/b/102993 media/audio-controls-rendering.html [ Failure ]
+webkit.org/b/102993 media/audio-repaint.html [ Failure ]
+webkit.org/b/102993 media/controls-after-reload.html [ Failure ]
+webkit.org/b/102993 media/controls-strict.html [ Failure ]
+webkit.org/b/102993 media/controls-styling.html [ Failure ]
+webkit.org/b/102993 media/controls-styling-strict.html [ Failure ]
+webkit.org/b/102993 media/controls-without-preload.html [ Failure ]
+webkit.org/b/102993 media/media-controls-clone.html [ Failure ]
+webkit.org/b/102993 media/video-controls-rendering.html [ Failure ]
+webkit.org/b/102993 media/video-display-toggle.html [ Failure ]
+webkit.org/b/102993 media/video-no-audio.html [ Failure ]
+webkit.org/b/102993 media/video-zoom-controls.html [ Failure ]
+
 # Fix for https://bugs.webkit.org/show_bug.cgi?id=97192 introduces these regressions
-webkit.org/b/102776 media/media-document-audio-repaint.html [ Failure ]
+webkit.org/b/102776 webkit.org/b/102993 media/media-document-audio-repaint.html [ Failure ]
 webkit.org/b/102776 media/track/track-cue-container-rendering-position.html [ Failure ]
 webkit.org/b/102776 media/track/track-cue-rendering-horizontal.html [ Failure ]
 webkit.org/b/102776 media/track/track-cue-rendering-vertical.html [ Failure ]
index e234bf3..65787a1 100644 (file)
@@ -1161,6 +1161,32 @@ webkit.org/b/98560 fast/writing-mode/vertical-subst-font-vert-no-dflt.html [ Ima
 # This test is failing and causing subsequent tests to time out.
 webkit.org/b/98837 http/tests/security/svg-image-leak.html [ Skip ]
 
+# Needs rebaseline. A div should be removed, but the rendering should be the same.
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update.html [ Failure ]
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update-styled.html [ Failure ]
+webkit.org/b/102993 fast/forms/box-shadow-override.html [ Failure ]
+webkit.org/b/102993 fast/forms/input-appearance-height.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/input-appearance-range.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/range-thumb-height-percentage.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-padding.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-thumb-shared-style.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-thumb-stylability.html [ Failure ]
+webkit.org/b/102993 fast/multicol/client-rects.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-drag-release.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-float.html [ Failure ]
+webkit.org/b/102993 fast/hidpi/video-controls-in-hidpi.html [ Failure ]
+webkit.org/b/102993 fast/layers/video-layer.html [ Failure ]
+webkit.org/b/102993 media/audio-controls-rendering.html [ Failure ]
+webkit.org/b/102993 media/controls-after-reload.html [ Failure ]
+webkit.org/b/102993 media/controls-strict.html [ Failure ]
+webkit.org/b/102993 media/controls-styling-strict.html [ Failure ]
+webkit.org/b/102993 media/controls-without-preload.html [ Failure ]
+webkit.org/b/102993 media/media-controls-clone.html [ Failure ]
+webkit.org/b/102993 media/video-controls-rendering.html [ Failure ]
+webkit.org/b/102993 media/video-display-toggle.html [ Failure ]
+webkit.org/b/102993 media/video-no-audio.html [ Failure ]
+webkit.org/b/102993 media/video-playing-and-pause.html [ Failure ]
+
 # Should never have been a ref test.
 webkit.org/b/98456 compositing/images/truncated-direct-png-image.html [ ImageOnlyFailure ]
 
index d1dca14..ff7775a 100644 (file)
@@ -2367,6 +2367,17 @@ webkit.org/b/101539 editing/execCommand/switch-list-type-with-orphaned-li.html [
 webkit.org/b/100846 inspector-protocol/debugger-pause-dedicated-worker.html [ Skip ]
 webkit.org/b/100846 inspector-protocol/debugger-terminate-dedicated-worker-while-paused.html [ Skip ]
 
+# Needs rebaseline. A div should be removed, but the rendering should be the same.
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update.html [ Failure ]
+webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update-styled.html [ Failure ]
+webkit.org/b/102993 fast/forms/box-shadow-override.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/input-appearance-range.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/range-thumb-height-percentage.html [ Failure ]
+webkit.org/b/102993 fast/forms/range/slider-padding.html [ Failure ]
+webkit.org/b/102993 fast/multicol/client-rects.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-drag-release.html [ Failure ]
+webkit.org/b/102993 fast/repaint/slider-thumb-float.html [ Failure ]
+
 # New, but failing test
 webkit.org/b/101035 fast/images/exif-orientation-image-document.html
 
index 7f079d6..88e78db 100644 (file)
@@ -2337,19 +2337,17 @@ http/tests/security/sandboxed-iframe-form-top.html
 #https://bugs.webkit.org/show_bug.cgi?id=95530
 http/tests/security/inactive-document-with-empty-security-origin.html
 
-webkit.org/b/98666 fast/dom/HTMLInputElement/input-slider-update.html [ Failure ]
-webkit.org/b/98666 fast/dom/HTMLInputElement/input-slider-update-styled.html [ Failure ]
-webkit.org/b/98666 fast/forms/input-appearance-height.html [ Failure ]
-webkit.org/b/98666 fast/forms/range/input-appearance-range.html [ Failure ]
-webkit.org/b/98666 fast/forms/range/range-thumb-height-percentage.html [ Failure ]
-webkit.org/b/98666 fast/forms/range/slider-padding.html [ Failure ]
-webkit.org/b/98666 fast/forms/range/slider-thumb-shared-style.html [ Failure ]
-webkit.org/b/98666 fast/forms/range/slider-thumb-stylability.html [ Failure ]
-webkit.org/b/98666 fast/multicol/client-rects.html [ Failure ]
-webkit.org/b/98666 fast/repaint/slider-thumb-drag-release.html [ Failure ]
-webkit.org/b/98666 fast/repaint/slider-thumb-float.html [ Failure ]
-webkit.org/b/98666 media/track/track-cue-rendering-vertical.html [ Failure ]
-webkit.org/b/98666 media/track/track-cue-rendering-horizontal.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/dom/HTMLInputElement/input-slider-update-styled.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/forms/input-appearance-height.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/forms/range/input-appearance-range.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/forms/range/range-thumb-height-percentage.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/forms/range/slider-padding.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/forms/range/slider-thumb-shared-style.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/forms/range/slider-thumb-stylability.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/multicol/client-rects.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/repaint/slider-thumb-drag-release.html [ Failure ]
+webkit.org/b/98666 webkit.org/b/102993 fast/repaint/slider-thumb-float.html [ Failure ]
 
 #https://bugs.webkit.org/show_bug.cgi?id=98079
 http/tests/security/cross-origin-local-storage-wk1.html
index 6096534..0747a7d 100644 (file)
@@ -1,3 +1,36 @@
+2012-11-27  Tony Chang  <tony@chromium.org>
+
+        Remove hidden limiter div in the input slider shadow DOM
+        https://bugs.webkit.org/show_bug.cgi?id=102993
+
+        Reviewed by Ojan Vafai.
+
+        The shadow DOM for input sliders would have a hidden div (the TrackLimiterElement)
+        the size of the thumb which would limit the position of thumb since the width of
+        the thumb takes up space in the track. This patch simplifies the shadow DOM by
+        removing this hidden div and computing the position of the thumb taking the size of
+        the thumb into account.
+
+        No new tests, covered by existing tests in fast/forms.
+
+        * css/mediaControlsChromium.css:
+        (input[type="range"]::-webkit-media-slider-container > div): We were depending on the behavior of the limiter having negative margins, causing the slider div
+        to overflow. Moving the negative margin to the slider produces the same effect.
+        * css/mediaControlsChromiumAndroid.css:
+        (input[type="range"]::-webkit-media-slider-container > div): Ditto.
+        * html/RangeInputType.cpp:
+        (WebCore::RangeInputType::createShadowSubtree): Remove limiter div.
+        * html/shadow/SliderThumbElement.cpp:
+        (WebCore::RenderSliderContainer::layout): Adjust the available space for the thumb and correctly position in the vertical case.
+        (WebCore::SliderThumbElement::setPositionFromPoint): Adjust the usable track size and simplify RTL code (no need to account for the limiter).
+        (WebCore): Delete limiter code.
+        * html/shadow/SliderThumbElement.h:
+        (WebCore): Delete limiter code.
+        * rendering/RenderSlider.cpp:
+        (WebCore::RenderSlider::layout): Delete limiter code.
+        * rendering/RenderTheme.cpp:
+        (WebCore::RenderTheme::paintSliderTicks): Simplify code for painting tick marks.
+
 2012-11-27  Alpha Lam  <hclam@chromium.org>
 
         [chromium] Implement full-featured image cache
index 4eef109..fa45b6f 100644 (file)
@@ -168,6 +168,11 @@ input[type="range"]::-webkit-media-slider-container {
     background-color: transparent; /* Background drawing is managed by C++ code to draw ranges. */
 }
 
+/* The negative right margin causes the track to overflow its container. */
+input[type="range"]::-webkit-media-slider-container > div {
+    margin-right: -14px;
+}
+
 input[type="range"]::-webkit-media-slider-thumb {
     margin-left: -7px;
     margin-right: -7px;
index 8fcdca2..f3aced9 100644 (file)
@@ -185,6 +185,11 @@ input[type="range"]::-webkit-media-slider-container {
     background-color: transparent;
 }
 
+/* The negative right margin causes the track to overflow its container. */
+input[type="range"]::-webkit-media-slider-container > div {
+    margin-right: -14px;
+}
+
 input[type="range"]::-webkit-media-slider-thumb {
     margin-left: -7px;
     margin-right: -7px;
index c37f6b7..ed2a8a1 100644 (file)
@@ -260,7 +260,6 @@ void RangeInputType::createShadowSubtree()
     track->appendChild(SliderThumbElement::create(document), ec);
     RefPtr<HTMLElement> container = SliderContainerElement::create(document);
     container->appendChild(track.release(), ec);
-    container->appendChild(TrackLimiterElement::create(document), ec);
     element()->userAgentShadowRoot()->appendChild(container.release(), ec);
 }
 
index e63954e..d6c1a31 100644 (file)
@@ -194,10 +194,11 @@ void RenderSliderContainer::layout()
 
     double percentageOffset = sliderPosition(input).toDouble();
     LayoutUnit availableExtent = isVertical ? track->contentHeight() : track->contentWidth();
+    availableExtent -= isVertical ? thumb->height() : thumb->width();
     LayoutUnit offset = percentageOffset * availableExtent;
     LayoutPoint thumbLocation = thumb->location();
     if (isVertical)
-        thumbLocation.setY(thumbLocation.y() + track->contentHeight() - offset);
+        thumbLocation.setY(thumbLocation.y() + track->contentHeight() - thumb->height() - offset);
     else if (style()->isLeftToRightDirection())
         thumbLocation.setX(thumbLocation.x() + offset);
     else
@@ -271,16 +272,13 @@ void SliderThumbElement::setPositionFromPoint(const LayoutPoint& point)
     IntRect trackBoundingBox = trackElement->renderer()->absoluteBoundingBoxRectIgnoringTransforms();
     IntRect inputBoundingBox = input->renderer()->absoluteBoundingBoxRectIgnoringTransforms();
     if (isVertical) {
-        trackSize = trackElement->renderBox()->contentHeight();
+        trackSize = trackElement->renderBox()->contentHeight() - renderBox()->height();
         position = offset.y() - renderBox()->height() / 2 - trackBoundingBox.y() + inputBoundingBox.y() - renderBox()->marginBottom();
         currentPosition = absoluteThumbOrigin.y() - absoluteSliderContentOrigin.y();
     } else {
-        trackSize = trackElement->renderBox()->contentWidth();
+        trackSize = trackElement->renderBox()->contentWidth() - renderBox()->width();
         position = offset.x() - renderBox()->width() / 2 - trackBoundingBox.x() + inputBoundingBox.x();
-        if (isLeftToRightDirection)
-            position -= renderBox()->marginLeft();
-        else
-            position += renderBox()->width() - renderBox()->marginRight();
+        position -= isLeftToRightDirection ? renderBox()->marginLeft() : renderBox()->marginRight();
         currentPosition = absoluteThumbOrigin.x() - absoluteSliderContentOrigin.x();
     }
     position = max<LayoutUnit>(0, min(position, trackSize));
@@ -438,58 +436,6 @@ const AtomicString& SliderThumbElement::shadowPseudoId() const
 
 // --------------------------------
 
-inline TrackLimiterElement::TrackLimiterElement(Document* document)
-    : HTMLDivElement(HTMLNames::divTag, document)
-{
-}
-
-PassRefPtr<TrackLimiterElement> TrackLimiterElement::create(Document* document)
-{
-    RefPtr<TrackLimiterElement> element = adoptRef(new TrackLimiterElement(document));
-
-    element->setInlineStyleProperty(CSSPropertyVisibility, CSSValueHidden);
-    element->setInlineStyleProperty(CSSPropertyPosition, CSSValueStatic);
-
-    return element.release();
-}
-
-RenderObject* TrackLimiterElement::createRenderer(RenderArena* arena, RenderStyle*)
-{
-    return new (arena) RenderSliderThumb(this);
-}
-
-const AtomicString& TrackLimiterElement::shadowPseudoId() const
-{
-    HTMLInputElement* input = shadowHost()->toInputElement();
-    if (!input)
-        return sliderThumbShadowPseudoId();
-
-    RenderStyle* sliderStyle = input->renderer()->style();
-    switch (sliderStyle->appearance()) {
-    case MediaSliderPart:
-    case MediaSliderThumbPart:
-    case MediaVolumeSliderPart:
-    case MediaVolumeSliderThumbPart:
-    case MediaFullScreenVolumeSliderPart:
-    case MediaFullScreenVolumeSliderThumbPart:
-        return mediaSliderThumbShadowPseudoId();
-    default:
-        return sliderThumbShadowPseudoId();
-    }
-}
-
-TrackLimiterElement* trackLimiterElementOf(Node* node)
-{
-    ASSERT(node);
-    ShadowRoot* shadow = node->toInputElement()->userAgentShadowRoot();
-    ASSERT(shadow);
-    Node* limiter = shadow->firstChild()->lastChild();
-    ASSERT(limiter);
-    return static_cast<TrackLimiterElement*>(limiter);
-}
-
-// --------------------------------
-
 inline SliderContainerElement::SliderContainerElement(Document* document)
     : HTMLDivElement(HTMLNames::divTag, document)
 {
index f55ecef..869ad4b 100644 (file)
@@ -115,22 +115,6 @@ private:
 
 // --------------------------------
 
-class TrackLimiterElement : public HTMLDivElement {
-public:
-    static PassRefPtr<TrackLimiterElement> create(Document*);
-
-private:
-    TrackLimiterElement(Document*);
-    virtual RenderObject* createRenderer(RenderArena*, RenderStyle*);
-    virtual const AtomicString& shadowPseudoId() const;
-};
-
-// This always return a valid pointer.
-// An assertion fails if the specified node is not a range input.
-TrackLimiterElement* trackLimiterElementOf(Node*);
-
-// --------------------------------
-
 class SliderContainerElement : public HTMLDivElement {
 public:
     static PassRefPtr<SliderContainerElement> create(Document*);
index 07b1d7d..d5b90ca 100644 (file)
@@ -106,16 +106,8 @@ void RenderSlider::layout()
     // FIXME: Find a way to cascade appearance.
     // http://webkit.org/b/62535
     RenderBox* thumbBox = sliderThumbElementOf(node())->renderBox();
-    if (thumbBox && thumbBox->isSliderThumb()) {
+    if (thumbBox && thumbBox->isSliderThumb())
         static_cast<RenderSliderThumb*>(thumbBox)->updateAppearance(style());
-        if (RenderObject* limiterRenderer = trackLimiterElementOf(node())->renderer()) {
-            if (limiterRenderer->isSliderThumb()) {
-                static_cast<RenderSliderThumb*>(limiterRenderer)->updateAppearance(style());
-                limiterRenderer->style()->setWidth(thumbBox->style()->width());
-                limiterRenderer->style()->setHeight(thumbBox->style()->height());
-            }
-        }
-    }
 
     RenderBlock::layout();
 }
index 47acfc8..0432dc3 100644 (file)
@@ -1024,17 +1024,14 @@ void RenderTheme::paintSliderTicks(RenderObject* o, const PaintInfo& paintInfo,
         tickRect.setWidth(floor(tickSize.width() * zoomFactor));
         tickRect.setHeight(floor(tickSize.height() * zoomFactor));
         tickRect.setY(floor(rect.y() + rect.height() / 2.0 + sliderTickOffsetFromTrackCenter() * zoomFactor));
-        if (o->style()->isLeftToRightDirection())
-            tickRegionSideMargin = trackBounds.x() + (thumbSize.width() - tickSize.width() * zoomFactor) / 2.0;
-        else
-            tickRegionSideMargin = trackBounds.x() - thumbSize.width() / 2.0;
-        tickRegionWidth = trackBounds.width();
+        tickRegionSideMargin = trackBounds.x() + (thumbSize.width() - tickSize.width() * zoomFactor) / 2.0;
+        tickRegionWidth = trackBounds.width() - thumbSize.width();
     } else {
         tickRect.setWidth(floor(tickSize.height() * zoomFactor));
         tickRect.setHeight(floor(tickSize.width() * zoomFactor));
         tickRect.setX(floor(rect.x() + rect.width() / 2.0 + sliderTickOffsetFromTrackCenter() * zoomFactor));
         tickRegionSideMargin = trackBounds.y() + (thumbSize.width() - tickSize.width() * zoomFactor) / 2.0;
-        tickRegionWidth = trackBounds.height();
+        tickRegionWidth = trackBounds.height() - thumbSize.width();
     }
     RefPtr<HTMLCollection> options = dataList->options();
     GraphicsContextStateSaver stateSaver(*paintInfo.context);