Fixing display of XBL select boxes. Not turned on yet.

layout/forms/resources/content/select.xml

@@ -128,7 +128,7 @@
             <children/>
           </xul:outlinerchildren>
         </xul:hbox>
-        <xul:scrollbar orient="vertical" class="outliner-scrollbar"/>
+        <xul:scrollbar orient="vertical" class="outliner-scrollbar" collapsed="true"/>
       </xul:outlinerrows>
     </content>
 
@@ -533,10 +533,29 @@
           ]]>
       </handler>
 
-     </handlers>
+    </handlers>
+
+  </binding>
+
+  <binding id="select-outlinerrows">
+    <handlers>
+      <handler event="underflow">
+        <![CDATA[
+          this.childNodes[1].collapsed = true;
+          event.preventBubble();
+        ]]>
+      </handler>
+      <handler event="overflow">
+        <![CDATA[
+          this.childNodes[1].collapsed = false;
+          event.preventBubble();
+        ]]>
+      </handler>
+    </handlers>
+  </binding>
+
+<!-- select size=1 -->
 
-   </binding>
- 
   <binding id="select" extends="xul:menu">
     <implementation>
       <property name="selectElement" readonly="true"

layout/forms/resources/content/xbl-forms.css

@@ -65,11 +65,12 @@ xul|*.select-outlinercol {
 }
 
 xul|*.select-outlinerrows {
-  -moz-binding: none;
+  -moz-binding: url("chrome://forms/content/select.xml#select-outlinerrows");
 }
 
 xul|*.select-outlinerbody {
   -moz-binding: url("chrome://forms/content/select.xml#select-outlinerbody");
+  display: -moz-box;
 }
 
 /*

layout/html/forms/resources/content/select.xml

@@ -128,7 +128,7 @@
             <children/>
           </xul:outlinerchildren>
         </xul:hbox>
-        <xul:scrollbar orient="vertical" class="outliner-scrollbar"/>
+        <xul:scrollbar orient="vertical" class="outliner-scrollbar" collapsed="true"/>
       </xul:outlinerrows>
     </content>
 
@@ -533,10 +533,29 @@
           ]]>
       </handler>
 
-     </handlers>
+    </handlers>
+
+  </binding>
+
+  <binding id="select-outlinerrows">
+    <handlers>
+      <handler event="underflow">
+        <![CDATA[
+          this.childNodes[1].collapsed = true;
+          event.preventBubble();
+        ]]>
+      </handler>
+      <handler event="overflow">
+        <![CDATA[
+          this.childNodes[1].collapsed = false;
+          event.preventBubble();
+        ]]>
+      </handler>
+    </handlers>
+  </binding>
+
+<!-- select size=1 -->
 
-   </binding>
- 
   <binding id="select" extends="xul:menu">
     <implementation>
       <property name="selectElement" readonly="true"

layout/html/forms/resources/content/xbl-forms.css

@@ -65,11 +65,12 @@ xul|*.select-outlinercol {
 }
 
 xul|*.select-outlinerrows {
-  -moz-binding: none;
+  -moz-binding: url("chrome://forms/content/select.xml#select-outlinerrows");
 }
 
 xul|*.select-outlinerbody {
   -moz-binding: url("chrome://forms/content/select.xml#select-outlinerbody");
+  display: -moz-box;
 }
 
 /*