Support display:flex for 'summary'

third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex.html

Index: third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex.html
diff --git a/third_party/WebKit/LayoutTests/fast/forms/fieldset/fieldset-display-flex.html b/third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex.html
similarity index 75%
copy from third_party/WebKit/LayoutTests/fast/forms/fieldset/fieldset-display-flex.html
copy to third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex.html
index 280ac8379fb8f4619002bfb1d00729fb8e8d9554..da4d31dc070b9991549e1bc754dd1aa48c1c81cc 100644
--- a/third_party/WebKit/LayoutTests/fast/forms/fieldset/fieldset-display-flex.html
+++ b/third_party/WebKit/LayoutTests/fast/html/summary-display-inline-flex.html
@@ -3,7 +3,7 @@
 .flex-container {
   background: #333;
   border: 0px;
-  display: flex;
+  display: inline-flex;
   margin: 0px;
   padding: 0px;
 }
@@ -50,58 +50,57 @@
 }
 </style>
 
-<fieldset style="display: flex;">
-  <legend>Fieldset with display: flex</legend>
+<summary style="display: inline-flex;">
   <div>these fields</div>
   <div>shouldn't be</div>
   <div>stacked vertically</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: row</h1>
-<fieldset class="flex-container flex-direction-row">
+<summary class="flex-container flex-direction-row">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: row-reverse</h1>
-<fieldset class="flex-container flex-direction-row-reverse">
+<summary class="flex-container flex-direction-row-reverse">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: column</h1>
-<fieldset class="flex-container flex-direction-column">
+<summary class="flex-container flex-direction-column">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>flex-direction: column-reverse</h1>
-<fieldset class="flex-container flex-direction-column-reverse">
+<summary class="flex-container flex-direction-column-reverse">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>justify-content: center</h1>
-<fieldset class="flex-container justify-content-center">
+<summary class="flex-container justify-content-center">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>justify-content: space-around</h1>
-<fieldset class="flex-container justify-content-space-around">
+<summary class="flex-container justify-content-space-around">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>
 
 <h1>justify-content: space-between</h1>
-<fieldset class="flex-container justify-content-space-between">
+<summary class="flex-container justify-content-space-between">
   <div class="flex-item">1</div>
   <div class="flex-item">2</div>
   <div class="flex-item">3</div>
-</fieldset>
+</summary>