Bug 262732

Description: fast/css/text-overflow-input.html is constantly failing on macOS ToT and since Sonoma bring-up. History: https://results.webkit.org/?version_name=Sonoma Diff: @@ -10,7 +10,7 @@ RenderText {#text} at (0,0) size 489x18 text run at (0,0) width 489: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:" RenderBR {BR} at (488,0) size 1x18 - RenderTextControl {INPUT} at (0,18) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (0,18) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (147,18) size 5x18 text run at (147,18) width 5: " " RenderTextControl {INPUT} at (151,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -20,7 +20,7 @@ RenderBlock {DIV} at (122,0) size 20x19 RenderText {#text} at (299,18) size 5x18 text run at (299,18) width 5: " " - RenderTextControl {INPUT} at (303,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (303,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (451,18) size 5x18 text run at (451,18) width 5: " " RenderTextControl {INPUT} at (455,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -30,9 +30,11 @@ RenderBlock {DIV} at (122,0) size 20x19 RenderText {#text} at (603,18) size 5x18 text run at (603,18) width 5: " " - RenderTextControl {INPUT} at (607,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (607,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] + RenderFlexibleBox {DIV} at (3,3) size 142x13 + RenderBlock {DIV} at (0,0) size 142x13 RenderBR {BR} at (755,18) size 1x18 - RenderTextControl {INPUT} at (0,37) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (0,37) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (145,37) size 5x18 text run at (145,37) width 5: " " RenderTextControl {INPUT} at (149,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -42,7 +44,7 @@ RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (295,37) size 5x18 text run at (295,37) width 5: " " - RenderTextControl {INPUT} at (299,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (299,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (445,37) size 5x18 text run at (445,37) width 5: " " RenderTextControl {INPUT} at (449,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -52,13 +54,15 @@ RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (595,37) size 5x18 text run at (595,37) width 5: " " - RenderTextControl {INPUT} at (599,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (599,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] + RenderFlexibleBox {DIV} at (3,3) size 140x13 + RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,106) size 784x56 RenderText {#text} at (0,0) size 546x18 text run at (0,0) width 546: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:" RenderBR {BR} at (545,0) size 1x18 - RenderTextControl {INPUT} at (0,18) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (0,18) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (147,18) size 5x18 text run at (147,18) width 5: " " RenderTextControl {INPUT} at (151,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -68,7 +72,7 @@ RenderBlock {DIV} at (122,0) size 20x19 RenderText {#text} at (299,18) size 5x18 text run at (299,18) width 5: " " - RenderTextControl {INPUT} at (303,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (303,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (451,18) size 5x18 text run at (451,18) width 5: " " RenderTextControl {INPUT} at (455,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -78,9 +82,11 @@ RenderBlock {DIV} at (122,0) size 20x19 RenderText {#text} at (603,18) size 5x18 text run at (603,18) width 5: " " - RenderTextControl {INPUT} at (607,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (607,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] + RenderFlexibleBox {DIV} at (3,3) size 142x13 + RenderBlock {DIV} at (0,0) size 142x13 RenderBR {BR} at (755,18) size 1x18 - RenderTextControl {INPUT} at (0,37) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (0,37) size 146x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (145,37) size 5x18 text run at (145,37) width 5: " " RenderTextControl {INPUT} at (149,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -90,7 +96,7 @@ RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (295,37) size 5x18 text run at (295,37) width 5: " " - RenderTextControl {INPUT} at (299,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (299,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (445,37) size 5x18 text run at (445,37) width 5: " " RenderTextControl {INPUT} at (449,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] @@ -100,7 +106,9 @@ RenderBlock {DIV} at (0,0) size 19x19 RenderText {#text} at (595,37) size 5x18 text run at (595,37) width 5: " " - RenderTextControl {INPUT} at (599,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (599,37) size 147x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] + RenderFlexibleBox {DIV} at (3,3) size 140x13 + RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (0,0) size 0x0 RenderBlock {P} at (0,178) size 784x56 RenderText {#text} at (0,0) size 237x18 @@ -108,18 +116,18 @@ RenderBR {BR} at (236,0) size 1x18 RenderText {#text} at (0,18) size 247x18 text run at (0,18) width 247: "Clip to ellipsis (should show ellipsis): " - RenderTextControl {INPUT} at (246,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (246,18) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (394,18) size 5x18 text run at (394,18) width 5: " " - RenderTextControl {INPUT} at (398,18) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (398,18) size 148x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (0,0) size 0x0 RenderBR {BR} at (545,18) size 1x18 RenderText {#text} at (0,37) size 270x18 text run at (0,37) width 270: "Ellipsis to clip (should not show ellipsis): " - RenderTextControl {INPUT} at (269,37) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (269,37) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (417,37) size 5x18 text run at (417,37) width 5: " " - RenderTextControl {INPUT} at (421,37) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #000000)] + RenderTextControl {INPUT} at (421,37) size 149x19 [bgcolor=#FFFFFF] [border: (2px inset #808080)] RenderText {#text} at (0,0) size 0x0 RenderBR {BR} at (569,37) size 1x18 layer at (11,71) size 142x13 scrollWidth 288 @@ -143,7 +151,7 @@ RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (619,71) size 142x13 backgroundClip at (619,71) size 141x13 clip at (619,71) size 141x13 scrollWidth 387 - RenderBlock {DIV} at (3,3) size 142x13 + RenderBlock {DIV} at (0,0) size 142x13 RenderText {#text} at (0,0) size 385x13 text run at (0,0) width 385: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}" layer at (11,90) size 140x13 scrollX 148 scrollWidth 288 @@ -223,7 +231,7 @@ text run at (93,0) width 4: " " text run at (96,0) width 17: "elit" layer at (611,90) size 140x13 backgroundClip at (611,90) size 139x13 clip at (611,90) size 139x13 scrollX 245 scrollWidth 385 - RenderBlock {DIV} at (3,3) size 140x13 + RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-244,0) size 385x13 text run at (-244,0) width 384: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}" layer at (11,143) size 142x13 scrollWidth 288 @@ -247,7 +255,7 @@ RenderText {#text} at (0,0) size 288x13 text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit" layer at (619,143) size 142x13 backgroundClip at (619,143) size 141x13 clip at (619,143) size 141x13 scrollWidth 387 - RenderBlock {DIV} at (3,3) size 142x13 + RenderBlock {DIV} at (0,0) size 142x13 RenderText {#text} at (0,0) size 385x13 text run at (0,0) width 385: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}" layer at (11,162) size 140x13 scrollX 148 scrollWidth 288 @@ -327,7 +335,7 @@ text run at (93,0) width 4: " " text run at (96,0) width 17: "elit" layer at (611,162) size 140x13 backgroundClip at (611,162) size 139x13 clip at (611,162) size 139x13 scrollX 245 scrollWidth 385 - RenderBlock {DIV} at (3,3) size 140x13 + RenderBlock {DIV} at (0,0) size 140x13 RenderText {#text} at (-244,0) size 385x13 text run at (-244,0) width 384: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}" layer at (257,215) size 142x13 scrollWidth 288