widget lovin', r=hyatt

xpfe/global/resources/skin/menulistBindings.xml

@@ -77,10 +77,40 @@
   BINDING : menubutton-dual
   XUL REPRESENTATION : <menubutton class="menubutton-dual">
   -->
-  <binding id="menubutton-dual">
+  <binding id="menubutton-dual-top">
     <content excludes="template,observes,menupopup">
       <xul:box class="menubutton-internal-box">
-        <xul:button class="menubutton-dual-button" allowevents="true" 
+        <xul:button class="menubutton-dual-button top" allowevents="true" 
+                    inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value,crop,accesskey"/>
+        <xul:image class="menubutton-dropmarker"/>
+      </xul:box>
+    </content>
+  </binding>
+
+  <binding id="menubutton-dual-left">
+    <content excludes="template,observes,menupopup">
+      <xul:box class="menubutton-internal-box">
+        <xul:button class="menubutton-dual-button left" allowevents="true" 
+                    inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value,crop,accesskey"/>
+        <xul:image class="menubutton-dropmarker"/>
+      </xul:box>
+    </content>
+  </binding>
+
+  <binding id="menubutton-dual-right">
+    <content excludes="template,observes,menupopup">
+      <xul:box class="menubutton-internal-box">
+        <xul:button class="menubutton-dual-button right" allowevents="true" 
+                    inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value,crop,accesskey"/>
+        <xul:image class="menubutton-dropmarker"/>
+      </xul:box>
+    </content>
+  </binding>
+
+  <binding id="menubutton-dual-bottom">
+    <content excludes="template,observes,menupopup">
+      <xul:box class="menubutton-internal-box">
+        <xul:button class="menubutton-dual-button bottom" allowevents="true" 
                     inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value,crop,accesskey"/>
         <xul:image class="menubutton-dropmarker"/>
       </xul:box>

xpfe/global/resources/skin/xul.css

@@ -290,6 +290,7 @@ radiogroup
   }
 
 button, button.left {
+  user-focus: normal;
   behavior: url(resource:/chrome/xulBindings.xml#buttonleft);
 }
 
@@ -369,15 +370,27 @@ colorpicker {
       behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-single-right");
     }
     
-  menubutton.menubutton-dual
+  menubutton.menubutton-dual.left
     {
-      behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-dual");
+      behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-dual-left");
+    }
+      
+  menubutton.menubutton-dual.top
+    {
+      behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-dual-top");
+    }
+      
+  menubutton.menubutton-dual.right
+    {
+      behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-dual-right");
+    }
+      
+  menubutton.menubutton-dual.bottom
+    {
+      behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-dual-bottom");
     }
       
   menubutton.menubutton-icon 
     {
       behavior              : url("resource:/chrome/menulistBindings.xml#menubutton-icon");
     } 
-   
- 
- 

xpfe/global/resources/skin/xulBindings.xml

@@ -80,7 +80,7 @@
   </binding>
 
   <binding id="menuitem-iconic">
-    <content autostretch="never" excludes="template,observes,menupopup">
+    <content excludes="template,observes,menupopup">
       <xul:box class="menu-iconic-left" orient="vertical" autostretch="never" inherits="selected,menuactive,disabled">
         <xul:image/>
       </xul:box>
@@ -387,7 +387,7 @@
 
   <binding id="popups">
     <content>
-      <xul:box class="internal-box" orient="vertical" flex="1" style="overflow: auto">
+      <xul:box class="popup-internal-box" orient="vertical" flex="1" style="overflow: auto">
         <children/>
       </xul:box>
     </content>