michael@0: <?xml version="1.0"?>
michael@0: <!-- This Source Code Form is subject to the terms of the Mozilla Public
michael@0:    - License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
michael@0: 
michael@0: 
michael@0: <bindings id="menulistBindings"
michael@0:    xmlns="http://www.mozilla.org/xbl"
michael@0:    xmlns:html="http://www.w3.org/1999/xhtml"
michael@0:    xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:    xmlns:xbl="http://www.mozilla.org/xbl">
michael@0: 
michael@0:   <binding id="menulist-base" extends="chrome://global/content/bindings/general.xml#basecontrol">
michael@0:     <resources>
michael@0:       <stylesheet src="chrome://global/content/menulist.css"/>
michael@0:       <stylesheet src="chrome://global/skin/menulist.css"/>
michael@0:     </resources>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="menulist" display="xul:menu" role="xul:menulist"
michael@0:            extends="chrome://global/content/bindings/menulist.xml#menulist-base">
michael@0:     <content sizetopopup="pref">
michael@0:       <xul:hbox class="menulist-label-box" flex="1">
michael@0:         <xul:image class="menulist-icon" xbl:inherits="src=image,src"/>
michael@0:         <xul:label class="menulist-label" xbl:inherits="value=label,crop,accesskey" crop="right" flex="1"/>
michael@0:       </xul:hbox>
michael@0:       <xul:dropmarker class="menulist-dropmarker" type="menu" xbl:inherits="disabled,open"/>
michael@0:       <children includes="menupopup"/>
michael@0:     </content>
michael@0: 
michael@0:     <handlers>
michael@0:       <handler event="command" phase="capturing"
michael@0:         action="if (event.target.parentNode.parentNode == this) this.selectedItem = event.target;"/>
michael@0: 
michael@0:       <handler event="popupshowing">
michael@0:         <![CDATA[
michael@0:           if (event.target.parentNode == this) {
michael@0:             this.menuBoxObject.activeChild = null;
michael@0:             if (this.selectedItem)
michael@0:               // Not ready for auto-setting the active child in hierarchies yet.
michael@0:               // For now, only do this when the outermost menupopup opens.
michael@0:               this.menuBoxObject.activeChild = this.mSelectedInternal;
michael@0:           }
michael@0:         ]]>
michael@0:       </handler>
michael@0: 
michael@0:       <handler event="keypress" modifiers="shift any" group="system">
michael@0:         <![CDATA[
michael@0:           if (!event.defaultPrevented &&
michael@0:               (event.keyCode == KeyEvent.DOM_VK_UP ||
michael@0:                event.keyCode == KeyEvent.DOM_VK_DOWN ||
michael@0:                event.keyCode == KeyEvent.DOM_VK_PAGE_UP ||
michael@0:                event.keyCode == KeyEvent.DOM_VK_PAGE_DOWN ||
michael@0:                event.keyCode == KeyEvent.DOM_VK_HOME ||
michael@0:                event.keyCode == KeyEvent.DOM_VK_END ||
michael@0:                event.keyCode == KeyEvent.DOM_VK_BACK_SPACE ||
michael@0:                event.charCode > 0)) {
michael@0:             // Moving relative to an item: start from the currently selected item
michael@0:             this.menuBoxObject.activeChild = this.mSelectedInternal;
michael@0:             if (this.menuBoxObject.handleKeyPress(event)) {
michael@0:               this.menuBoxObject.activeChild.doCommand();
michael@0:               event.preventDefault();
michael@0:             }
michael@0:           }
michael@0:         ]]>
michael@0:       </handler>
michael@0:     </handlers>
michael@0: 
michael@0:     <implementation implements="nsIDOMXULMenuListElement, nsIDOMEventListener">
michael@0:       <constructor>
michael@0:         this.mInputField = null;
michael@0:         this.mSelectedInternal = null;
michael@0:         this.menuBoxObject = this.boxObject.QueryInterface(Components.interfaces.nsIMenuBoxObject);
michael@0:         this.setInitialSelection();
michael@0:       </constructor>
michael@0: 
michael@0:       <method name="setInitialSelection">
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             var popup = this.menupopup;
michael@0:             if (popup) {
michael@0:               var arr = popup.getElementsByAttribute('selected', 'true');
michael@0: 
michael@0:               var editable = this.editable;
michael@0:               var value = this.value;
michael@0:               if (!arr.item(0) && value)
michael@0:                 arr = popup.getElementsByAttribute(editable ? 'label' : 'value', value);
michael@0: 
michael@0:               if (arr.item(0))
michael@0:                 this.selectedItem = arr[0];
michael@0:               else if (!editable)
michael@0:                 this.selectedIndex = 0;
michael@0:             }
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <property name="value" onget="return this.getAttribute('value');">
michael@0:         <setter>
michael@0:           <![CDATA[
michael@0:             // if the new value is null, we still need to remove the old value
michael@0:             if (val == null)
michael@0:               return this.selectedItem = val;
michael@0: 
michael@0:             var arr = null;
michael@0:             var popup = this.menupopup;
michael@0:             if (popup)
michael@0:               arr = popup.getElementsByAttribute('value', val);
michael@0: 
michael@0:             if (arr && arr.item(0))
michael@0:               this.selectedItem = arr[0];
michael@0:             else {
michael@0:               this.selectedItem = null;
michael@0:               this.setAttribute('value', val);
michael@0:             }
michael@0: 
michael@0:             return val;
michael@0:           ]]>
michael@0:         </setter>
michael@0:       </property>
michael@0: 
michael@0:       <property name="inputField" readonly="true" onget="return null;"/>
michael@0: 
michael@0:       <property name="crop" onset="this.setAttribute('crop',val); return val;"
michael@0:                             onget="return this.getAttribute('crop');"/>
michael@0:       <property name="image"  onset="this.setAttribute('image',val); return val;"
michael@0:                               onget="return this.getAttribute('image');"/>
michael@0:       <property name="label" readonly="true" onget="return this.getAttribute('label');"/>
michael@0:       <property name="description" onset="this.setAttribute('description',val); return val;"
michael@0:                                    onget="return this.getAttribute('description');"/>
michael@0:       <property name="editable"  onset="this.setAttribute('editable',val); return val;"
michael@0:                                  onget="return this.getAttribute('editable') == 'true';"/>
michael@0: 
michael@0:       <property name="open" onset="this.menuBoxObject.openMenu(val);
michael@0:                                    return val;"
michael@0:                             onget="return this.hasAttribute('open');"/>
michael@0: 
michael@0:       <property name="itemCount" readonly="true"
michael@0:                 onget="return this.menupopup ? this.menupopup.childNodes.length : 0"/>
michael@0: 
michael@0:       <property name="menupopup" readonly="true">
michael@0:         <getter>
michael@0:           <![CDATA[
michael@0:             var popup = this.firstChild;
michael@0:             while (popup && popup.localName != "menupopup")
michael@0:               popup = popup.nextSibling;
michael@0:             return popup;
michael@0:           ]]>
michael@0:         </getter>
michael@0:       </property>
michael@0: 
michael@0:       <method name="contains">
michael@0:         <parameter name="item"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             if (!item)
michael@0:               return false;
michael@0: 
michael@0:             var parent = item.parentNode;
michael@0:             return (parent && parent.parentNode == this);
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <property name="selectedIndex">
michael@0:         <getter>
michael@0:           <![CDATA[
michael@0:             // Quick and dirty. We won't deal with hierarchical menulists yet.
michael@0:             if (!this.selectedItem ||
michael@0:                 !this.mSelectedInternal.parentNode ||
michael@0:                 this.mSelectedInternal.parentNode.parentNode != this)
michael@0:               return -1;
michael@0: 
michael@0:             var children = this.mSelectedInternal.parentNode.childNodes;
michael@0:             var i = children.length;
michael@0:             while (i--)
michael@0:               if (children[i] == this.mSelectedInternal)
michael@0:                 break;
michael@0: 
michael@0:             return i;
michael@0:           ]]>
michael@0:         </getter>
michael@0:         <setter>
michael@0:           <![CDATA[
michael@0:             var popup = this.menupopup;
michael@0:             if (popup && 0 <= val) {
michael@0:               if (val < popup.childNodes.length)
michael@0:                 this.selectedItem = popup.childNodes[val];
michael@0:             }
michael@0:             else
michael@0:               this.selectedItem = null;
michael@0:             return val;
michael@0:           ]]>
michael@0:         </setter>
michael@0:       </property>
michael@0: 
michael@0:       <property name="selectedItem">
michael@0:         <getter>
michael@0:           <![CDATA[
michael@0:             return this.mSelectedInternal;
michael@0:           ]]>
michael@0:         </getter>
michael@0:         <setter>
michael@0:           <![CDATA[
michael@0:             var oldval = this.mSelectedInternal;
michael@0:             if (oldval == val)
michael@0:               return val;
michael@0: 
michael@0:             if (val && !this.contains(val))
michael@0:               return val;
michael@0: 
michael@0:             if (oldval) {
michael@0:               oldval.removeAttribute('selected');
michael@0:               if (document instanceof Components.interfaces.nsIDOMXULDocument) {
michael@0:                 document.removeBroadcastListenerFor(oldval, this, "value");
michael@0:                 document.removeBroadcastListenerFor(oldval, this, "label");
michael@0:                 document.removeBroadcastListenerFor(oldval, this, "image");
michael@0:                 document.removeBroadcastListenerFor(oldval, this, "description");
michael@0:               }
michael@0:               else
michael@0:                 oldval.removeEventListener("DOMAttrModified", this, false);
michael@0:             }
michael@0: 
michael@0:             this.mSelectedInternal = val;
michael@0:             if (val) {
michael@0:               val.setAttribute('selected', 'true');
michael@0:               this.setAttribute('value', val.getAttribute('value'));
michael@0:               this.setAttribute('image', val.getAttribute('image'));
michael@0:               this.setAttribute('label', val.getAttribute('label'));
michael@0:               this.setAttribute('description', val.getAttribute('description'));
michael@0:               // DOMAttrModified listeners slow down setAttribute calls within
michael@0:               // the document, see bug 395496
michael@0:               if (document instanceof Components.interfaces.nsIDOMXULDocument) {
michael@0:                 document.addBroadcastListenerFor(val, this, "value");
michael@0:                 document.addBroadcastListenerFor(val, this, "label");
michael@0:                 document.addBroadcastListenerFor(val, this, "image");
michael@0:                 document.addBroadcastListenerFor(val, this, "description");
michael@0:               }
michael@0:               else
michael@0:                 val.addEventListener("DOMAttrModified", this, false);
michael@0:             }
michael@0:             else {
michael@0:               this.removeAttribute('value');
michael@0:               this.removeAttribute('image');
michael@0:               this.removeAttribute('label');
michael@0:               this.removeAttribute('description');
michael@0:             }
michael@0: 
michael@0:             var event = document.createEvent("Events");
michael@0:             event.initEvent("select", true, true);
michael@0:             this.dispatchEvent(event);
michael@0: 
michael@0:             var event = document.createEvent("Events");
michael@0:             event.initEvent("ValueChange", true, true);
michael@0:             this.dispatchEvent(event);
michael@0: 
michael@0:             return val;
michael@0:           ]]>
michael@0:         </setter>
michael@0:       </property>
michael@0: 
michael@0:       <method name="handleEvent">
michael@0:         <parameter name="aEvent"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             if (aEvent.type == "DOMAttrModified" &&
michael@0:                 aEvent.target == this.mSelectedInternal) {
michael@0:               var attrName = aEvent.attrName;
michael@0:               switch (attrName) {
michael@0:                 case "value":
michael@0:                 case "label":
michael@0:                 case "image":
michael@0:                 case "description":
michael@0:                   this.setAttribute(attrName, aEvent.newValue);
michael@0:               }
michael@0:             }
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="getIndexOfItem">
michael@0:         <parameter name="item"/>
michael@0:         <body>
michael@0:         <![CDATA[
michael@0:           var popup = this.menupopup;
michael@0:           if (popup) {
michael@0:             var children = popup.childNodes;
michael@0:             var i = children.length;
michael@0:             while (i--)
michael@0:               if (children[i] == item)
michael@0:                 return i;
michael@0:           }
michael@0:           return -1;
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="getItemAtIndex">
michael@0:         <parameter name="index"/>
michael@0:         <body>
michael@0:         <![CDATA[
michael@0:           var popup = this.menupopup;
michael@0:           if (popup) {
michael@0:             var children = popup.childNodes;
michael@0:             if (index >= 0 && index < children.length)
michael@0:               return children[index];
michael@0:           }
michael@0:           return null;
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="appendItem">
michael@0:         <parameter name="label"/>
michael@0:         <parameter name="value"/>
michael@0:         <parameter name="description"/>
michael@0:         <body>
michael@0:         <![CDATA[
michael@0:           const XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
michael@0:           var popup = this.menupopup ||
michael@0:                       this.appendChild(document.createElementNS(XULNS, "menupopup"));
michael@0:           var item = document.createElementNS(XULNS, "menuitem");
michael@0:           item.setAttribute("label", label);
michael@0:           item.setAttribute("value", value);
michael@0:           if (description)
michael@0:             item.setAttribute("description", description);
michael@0: 
michael@0:           popup.appendChild(item);
michael@0:           return item;
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="insertItemAt">
michael@0:         <parameter name="index"/>
michael@0:         <parameter name="label"/>
michael@0:         <parameter name="value"/>
michael@0:         <parameter name="description"/>
michael@0:         <body>
michael@0:         <![CDATA[
michael@0:           const XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
michael@0:           var popup = this.menupopup ||
michael@0:                       this.appendChild(document.createElementNS(XULNS, "menupopup"));
michael@0:           var item = document.createElementNS(XULNS, "menuitem");
michael@0:           item.setAttribute("label", label);
michael@0:           item.setAttribute("value", value);
michael@0:           if (description)
michael@0:             item.setAttribute("description", description);
michael@0: 
michael@0:           if (index >= 0 && index < popup.childNodes.length)
michael@0:             popup.insertBefore(item, popup.childNodes[index]);
michael@0:           else
michael@0:             popup.appendChild(item);
michael@0:           return item;
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="removeItemAt">
michael@0:         <parameter name="index"/>
michael@0:         <body>
michael@0:         <![CDATA[
michael@0:           var popup = this.menupopup;
michael@0:           if (popup && 0 <= index && index < popup.childNodes.length) {
michael@0:             var remove = popup.childNodes[index];
michael@0:             popup.removeChild(remove);
michael@0:             return remove;
michael@0:           }
michael@0:           return null;
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="removeAllItems">
michael@0:         <body>
michael@0:         <![CDATA[
michael@0:           this.selectedItem = null;
michael@0:           var popup = this.menupopup;
michael@0:           if (popup)
michael@0:             this.removeChild(popup);
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <destructor>
michael@0:         <![CDATA[
michael@0:           if (this.mSelectedInternal) {
michael@0:             if (document instanceof Components.interfaces.nsIDOMXULDocument) {
michael@0:               document.removeBroadcastListenerFor(this.mSelectedInternal, this, "value");
michael@0:               document.removeBroadcastListenerFor(this.mSelectedInternal, this, "label");
michael@0:               document.removeBroadcastListenerFor(this.mSelectedInternal, this, "image");
michael@0:               document.removeBroadcastListenerFor(this.mSelectedInternal, this, "description");
michael@0:             }
michael@0:             else
michael@0:               this.mSelectedInternal.removeEventListener("DOMAttrModified", this, false);
michael@0:           }
michael@0:         ]]>
michael@0:       </destructor>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="menulist-editable" extends="chrome://global/content/bindings/menulist.xml#menulist">
michael@0:     <content sizetopopup="pref">
michael@0:       <xul:hbox class="menulist-editable-box textbox-input-box" xbl:inherits="context,disabled,readonly,focused" flex="1">
michael@0:         <html:input class="menulist-editable-input" anonid="input" allowevents="true"
michael@0:                     xbl:inherits="value=label,value,disabled,tabindex,readonly,placeholder"/>
michael@0:       </xul:hbox>
michael@0:       <xul:dropmarker class="menulist-dropmarker" type="menu"
michael@0:                       xbl:inherits="open,disabled,parentfocused=focused"/>
michael@0:       <children includes="menupopup"/>
michael@0:     </content>
michael@0: 
michael@0:     <implementation>
michael@0:       <method name="_selectInputFieldValueInList">
michael@0:         <body>
michael@0:         <![CDATA[
michael@0:           if (this.hasAttribute("disableautoselect"))
michael@0:             return;
michael@0: 
michael@0:           // Find and select the menuitem that matches inputField's "value"
michael@0:           var arr = null;
michael@0:           var popup = this.menupopup;
michael@0: 
michael@0:           if (popup)
michael@0:             arr = popup.getElementsByAttribute('label', this.inputField.value);
michael@0: 
michael@0:           this.setSelectionInternal(arr ? arr.item(0) : null);
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="setSelectionInternal">
michael@0:         <parameter name="val"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             // This is called internally to set selected item
michael@0:             //  without triggering infinite loop
michael@0:             //  when using selectedItem's setter
michael@0:             if (this.mSelectedInternal == val)
michael@0:               return val;
michael@0: 
michael@0:             if (this.mSelectedInternal)
michael@0:               this.mSelectedInternal.removeAttribute('selected');
michael@0: 
michael@0:             this.mSelectedInternal = val;
michael@0: 
michael@0:             if (val)
michael@0:               val.setAttribute('selected', 'true');
michael@0: 
michael@0:             //Do NOT change the "value", which is owned by inputField
michael@0:             return val;
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <property name="inputField" readonly="true">
michael@0:         <getter><![CDATA[
michael@0:           if (!this.mInputField)
michael@0:             this.mInputField = document.getAnonymousElementByAttribute(this, "anonid", "input");
michael@0:           return this.mInputField;
michael@0:         ]]></getter>
michael@0:       </property>
michael@0: 
michael@0:       <property name="label"      onset="this.inputField.value = val; return val;"
michael@0:                                   onget="return this.inputField.value;"/>
michael@0: 
michael@0:       <property name="value"      onget="return this.inputField.value;">
michael@0:         <setter>
michael@0:         <![CDATA[
michael@0:           // Override menulist's value setter to refer to the inputField's value
michael@0:           // (Allows using "menulist.value" instead of "menulist.inputField.value")
michael@0:           this.inputField.value = val;
michael@0:           this.setAttribute('value', val);
michael@0:           this.setAttribute('label', val);
michael@0:           this._selectInputFieldValueInList();
michael@0:           return val;
michael@0:         ]]>
michael@0:         </setter>
michael@0:       </property>
michael@0: 
michael@0:       <property name="selectedItem">
michael@0:         <getter>
michael@0:           <![CDATA[
michael@0:             // Make sure internally-selected item
michael@0:             //  is in sync with inputField.value
michael@0:             this._selectInputFieldValueInList();
michael@0:             return this.mSelectedInternal;
michael@0:           ]]>
michael@0:         </getter>
michael@0:         <setter>
michael@0:           <![CDATA[
michael@0:             var oldval = this.mSelectedInternal;
michael@0:             if (oldval == val)
michael@0:               return val;
michael@0: 
michael@0:             if (val && !this.contains(val))
michael@0:               return val;
michael@0: 
michael@0:             // This doesn't touch inputField.value or "value" and "label" attributes
michael@0:             this.setSelectionInternal(val);
michael@0:             if (val) {
michael@0:               // Editable menulist uses "label" as its "value"
michael@0:               var label = val.getAttribute('label');
michael@0:               this.inputField.value = label;
michael@0:               this.setAttribute('value', label);
michael@0:               this.setAttribute('label', label);
michael@0:             }
michael@0:             else {
michael@0:               this.inputField.value = "";
michael@0:               this.removeAttribute('value');
michael@0:               this.removeAttribute('label');
michael@0:             }
michael@0: 
michael@0:             var event = document.createEvent("Events");
michael@0:             event.initEvent("select", true, true);
michael@0:             this.dispatchEvent(event);
michael@0: 
michael@0:             var event = document.createEvent("Events");
michael@0:             event.initEvent("ValueChange", true, true);
michael@0:             this.dispatchEvent(event);
michael@0: 
michael@0:             return val;
michael@0:           ]]>
michael@0:         </setter>
michael@0:       </property>
michael@0:       <property name="disableautoselect"
michael@0:                 onset="if (val) this.setAttribute('disableautoselect','true');
michael@0:                        else this.removeAttribute('disableautoselect'); return val;"
michael@0:                 onget="return this.hasAttribute('disableautoselect');"/>
michael@0: 
michael@0:       <property name="editor" readonly="true">
michael@0:         <getter><![CDATA[
michael@0:           const nsIDOMNSEditableElement = Components.interfaces.nsIDOMNSEditableElement;
michael@0:           return this.inputField.QueryInterface(nsIDOMNSEditableElement).editor;
michael@0:         ]]></getter>
michael@0:       </property>
michael@0: 
michael@0:       <property name="readOnly"   onset="this.inputField.readOnly = val;
michael@0:                                          if (val) this.setAttribute('readonly', 'true');
michael@0:                                          else this.removeAttribute('readonly'); return val;"
michael@0:                                   onget="return this.inputField.readOnly;"/>
michael@0: 
michael@0:       <method name="select">
michael@0:         <body>
michael@0:           this.inputField.select();
michael@0:         </body>
michael@0:       </method>
michael@0:     </implementation>
michael@0: 
michael@0:     <handlers>
michael@0:       <handler event="focus" phase="capturing">
michael@0:         <![CDATA[
michael@0:           this.setAttribute('focused','true');
michael@0:         ]]>
michael@0:       </handler>
michael@0: 
michael@0:       <handler event="blur" phase="capturing">
michael@0:         <![CDATA[
michael@0:           this.removeAttribute('focused');
michael@0:         ]]>
michael@0:       </handler>
michael@0: 
michael@0:       <handler event="popupshowing">
michael@0:         <![CDATA[
michael@0:           // editable menulists elements aren't in the focus order,
michael@0:           // so when the popup opens we need to force the focus to the inputField
michael@0:           if (event.target.parentNode == this) {
michael@0:             if (document.commandDispatcher.focusedElement != this.inputField)
michael@0:               this.inputField.focus();
michael@0: 
michael@0:             this.menuBoxObject.activeChild = null;
michael@0:             if (this.selectedItem)
michael@0:               // Not ready for auto-setting the active child in hierarchies yet.
michael@0:               // For now, only do this when the outermost menupopup opens.
michael@0:               this.menuBoxObject.activeChild = this.mSelectedInternal;
michael@0:           }
michael@0:         ]]>
michael@0:       </handler>
michael@0: 
michael@0:       <handler event="keypress">
michael@0:         <![CDATA[
michael@0:           // open popup if key is up arrow, down arrow, or F4
michael@0:           if (!event.ctrlKey && !event.shiftKey) {
michael@0:             if (event.keyCode == KeyEvent.DOM_VK_UP ||
michael@0:                 event.keyCode == KeyEvent.DOM_VK_DOWN ||
michael@0:                 (event.keyCode == KeyEvent.DOM_VK_F4 && !event.altKey)) {
michael@0:               event.preventDefault();
michael@0:               this.open = true;
michael@0:             }
michael@0:           }
michael@0:         ]]>
michael@0:       </handler>
michael@0:     </handlers>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="menulist-compact" display="xul:menu"
michael@0:            extends="chrome://global/content/bindings/menulist.xml#menulist">
michael@0:     <content sizetopopup="false">
michael@0:       <xul:dropmarker class="menulist-dropmarker" type="menu" xbl:inherits="disabled,open"/>
michael@0:       <xul:image class="menulist-icon" xbl:inherits="src=image,src"/>
michael@0:       <xul:label class="menulist-label" xbl:inherits="value=label,crop,accesskey" crop="right" flex="1"/>
michael@0:       <children includes="menupopup"/>
michael@0:     </content>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="menulist-description" display="xul:menu"
michael@0:            extends="chrome://global/content/bindings/menulist.xml#menulist">
michael@0:     <content sizetopopup="pref">
michael@0:       <xul:hbox class="menulist-label-box" flex="1">
michael@0:         <xul:image class="menulist-icon" xbl:inherits="src=image,src"/>
michael@0:         <xul:label class="menulist-label" xbl:inherits="value=label,crop,accesskey" crop="right" flex="1"/>
michael@0:         <xul:label class="menulist-label menulist-description" xbl:inherits="value=description" crop="right" flex="10000"/>
michael@0:       </xul:hbox>
michael@0:       <xul:dropmarker class="menulist-dropmarker" type="menu" xbl:inherits="disabled,open"/>
michael@0:       <children includes="menupopup"/>
michael@0:     </content>
michael@0:   </binding>
michael@0: </bindings>