diff --git a/calendar/lightning/content/lightning-item-panel.xul b/calendar/lightning/content/lightning-item-panel.xul
index f3814639b2..b0cbd9a30c 100644
--- a/calendar/lightning/content/lightning-item-panel.xul
+++ b/calendar/lightning/content/lightning-item-panel.xul
@@ -128,7 +128,7 @@
                  defaultlabelalign="end">
           <!-- more toolbarpalette items are added with an overlay -->
           <toolbarpalette id="event-toolbarpalette">
-            <toolbarbutton id="calendar-item-appmenu-button"
+            <toolbarbutton is="toolbarbutton-appmenu" id="calendar-item-appmenu-button"
                            type="menu"
                            class="toolbarbutton-1 button-appmenu"
                            label="&lightning.toolbar.appmenuButton.label;"
diff --git a/calendar/lightning/content/lightning-toolbar.xul b/calendar/lightning/content/lightning-toolbar.xul
index 2eb47fa308..610ab14662 100644
--- a/calendar/lightning/content/lightning-toolbar.xul
+++ b/calendar/lightning/content/lightning-toolbar.xul
@@ -117,7 +117,7 @@
                      label="&showUnifinderCmd.label;"
                      tooltiptext="&showUnifinderCmd.tooltip;"
                      observes="calendar_show_unifinder_command"/>
-      <toolbarbutton id="calendar-appmenu-button"
+      <toolbarbutton is="toolbarbutton-appmenu" id="calendar-appmenu-button"
                      type="menu"
                      class="toolbarbutton-1 button-appmenu"
                      label="&lightning.toolbar.appmenuButton.label;"
@@ -174,7 +174,7 @@
                      label="&lightning.toolbar.print.label;"
                      tooltiptext="&lightning.toolbar.print.tooltip;"
                      observes="cmd_print"/>
-      <toolbarbutton id="task-appmenu-button"
+      <toolbarbutton is="toolbarbutton-appmenu" id="task-appmenu-button"
                      type="menu"
                      class="toolbarbutton-1 button-appmenu"
                      label="&lightning.toolbar.appmenuButton.label;"
diff --git a/common/bindings/generalBindings.xml b/common/bindings/generalBindings.xml
deleted file mode 100644
index 385e1166a2..0000000000
--- a/common/bindings/generalBindings.xml
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0"?>
-
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-
-<bindings id="generalBindings"
-   xmlns="http://www.mozilla.org/xbl"
-   xmlns:html="http://www.w3.org/1999/xhtml"
-   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
-   xmlns:xbl="http://www.mozilla.org/xbl">
-
-  <binding id="menu-vertical"
-           extends="chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton">
-    <content>
-      <children includes="observes|template|menupopup|panel|tooltip"/>
-      <xul:hbox flex="1" align="center">
-        <xul:vbox flex="1" align="center">
-          <xul:image class="toolbarbutton-icon" xbl:inherits="validate,src=image,label,consumeanchor"/>
-          <xul:label class="toolbarbutton-text" crop="right" flex="1"
-                     xbl:inherits="value=label,accesskey,crop,dragover-top,wrap"/>
-          <xul:label class="toolbarbutton-multiline-text" flex="1"
-                     xbl:inherits="xbl:text=label,accesskey,wrap"/>
-        </xul:vbox>
-        <xul:dropmarker anonid="dropmarker" type="menu"
-                        class="toolbarbutton-menu-dropmarker" xbl:inherits="disabled,label"/>
-      </xul:hbox>
-    </content>
-  </binding>
-
-</bindings>
diff --git a/mail/base/content/customElements.js b/mail/base/content/customElements.js
index c65450c296..0be7ee0bb4 100644
--- a/mail/base/content/customElements.js
+++ b/mail/base/content/customElements.js
@@ -19,6 +19,7 @@ if (!isDummyDocument) {
     "chrome://messenger/content/foldersummary.js",
     "chrome://messenger/content/addressbook/menulist-addrbooks.js",
     "chrome://messenger/content/toolbarbutton-menu-button.js",
+    "chrome://messenger/content/toolbarbutton-appmenu.js",
   ]) {
     Services.scriptloader.loadSubScript(script, window);
   }
diff --git a/mail/base/content/mailWidgets.xml b/mail/base/content/mailWidgets.xml
index 0382f0b4d6..09d9965916 100644
--- a/mail/base/content/mailWidgets.xml
+++ b/mail/base/content/mailWidgets.xml
@@ -202,33 +202,4 @@
       ]]></handler>
     </handlers>
   </binding>
-
-  <binding id="appmenu-vertical" extends="chrome://messenger/content/generalBindings.xml#menu-vertical">
-    <implementation>
-      <method name="_setupAppmenu">
-        <parameter name="event"/>
-        <body><![CDATA[
-          if (event.target == this) {
-              let appmenuPopup = document.getElementById("appmenu-popup");
-              if (this.lastChild != appmenuPopup) {
-                this.appendChild(appmenuPopup);
-              }
-          }
-        ]]></body>
-      </method>
-    </implementation>
-    <handlers>
-      <!-- While it would seem we could do this by handling oncommand, we can't
-           because any external oncommand handlers might get called before ours,
-           and then they would see the incorrect value of checked. Additionally
-           a command attribute would redirect the command events anyway.
-           Also, the appmenu-popup needs to be appended to the target 'Hamburger
-           button' dynamically at every button click (as opposed to appended
-           once in the binding's constructor) otherwise only one of the four
-           Hamburger buttons (on the Mail, Calendar, Tasks and Chat tabs) will
-           get the popup menu (namely, Mail). See Bug 890332. -->
-      <handler event="mousedown" button="0" action="this._setupAppmenu(event);"/>
-      <handler event="keypress" key=" " action="this._setupAppmenu(event);"/>
-    </handlers>
-  </binding>
 </bindings>
diff --git a/mail/base/content/mainMailToolbox.inc.xul b/mail/base/content/mainMailToolbox.inc.xul
index ea60e752cd..c35b86f31e 100644
--- a/mail/base/content/mainMailToolbox.inc.xul
+++ b/mail/base/content/mainMailToolbox.inc.xul
@@ -314,7 +314,7 @@
                    label="&stopButton.label;"
                    tooltiptext="&stopButton.tooltip;"
                    command="cmd_stop"/>
-    <toolbarbutton id="button-appmenu"
+    <toolbarbutton is="toolbarbutton-appmenu" id="button-appmenu"
                    type="menu"
                    class="toolbarbutton-1 button-appmenu"
                    label="&appmenuButton.label;"
diff --git a/mail/base/content/messenger.css b/mail/base/content/messenger.css
index 9cc49eadc2..4a3797ebeb 100644
--- a/mail/base/content/messenger.css
+++ b/mail/base/content/messenger.css
@@ -170,10 +170,6 @@ splitmenu {
   pointer-events: none;
 }
 
-.button-appmenu {
-  -moz-binding: url("chrome://messenger/content/mailWidgets.xml#appmenu-vertical") !important;
-}
-
 %ifndef XP_MACOSX
 toolbar[type="menubar"][autohide="true"] {
   overflow: hidden;
@@ -295,4 +291,4 @@ statuspanel:not([label]) {
 .statuspanel-inner {
   height: 3em;
   -moz-box-align: end;
-}
\ No newline at end of file
+}
diff --git a/mail/base/content/toolbarbutton-appmenu.js b/mail/base/content/toolbarbutton-appmenu.js
new file mode 100644
index 0000000000..ec5aa7b94d
--- /dev/null
+++ b/mail/base/content/toolbarbutton-appmenu.js
@@ -0,0 +1,53 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+  * License, v. 2.0. If a copy of the MPL was not distributed with this
+  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+/* global MozXULElement */
+
+// Wrap in a block to prevent leaking to window scope.
+{
+  /**
+   * The MozToolbarButtonAppmenu is a toolbarbutton to display an appmenu
+   * (a.k.a. hamburger menu) button.
+   *
+   * @extends MozToolbarbutton
+   */
+  class MozToolbarButtonAppmenu extends customElements.get("toolbarbutton") {
+    constructor() {
+      super();
+      // While it would seem we could do this by handling oncommand, we can't
+      // because any external oncommand handlers might get called before ours,
+      // and then they would see the incorrect value of checked. Additionally
+      // a command attribute would redirect the command events anyway.
+      // Also, the appmenu-popup needs to be appended to the target 'Hamburger
+      // button' dynamically at every button click (as opposed to appended
+      // once in the binding's constructor) otherwise only one of the four
+      // Hamburger buttons (on the Mail, Calendar, Tasks and Chat tabs) will
+      // get the popup menu (namely, Mail). See Bug 890332.
+      this.addEventListener("mousedown", (event) => {
+        if (event.button != 0) {
+          return;
+        }
+        this._setupAppmenu(event);
+      });
+
+      this.addEventListener("keypress", (event) => {
+        this._setupAppmenu(event); }
+      );
+    }
+
+    _setupAppmenu(event) {
+      if (event.target == this) {
+        let appmenuPopup = document.getElementById("appmenu-popup");
+        if (this.lastChild != appmenuPopup) {
+          this.appendChild(appmenuPopup);
+        }
+      }
+    }
+  }
+  customElements.define("toolbarbutton-appmenu",
+    MozToolbarButtonAppmenu, { extends: "toolbarbutton" }
+  );
+}
diff --git a/mail/base/jar.mn b/mail/base/jar.mn
index 05da855179..10427188d3 100644
--- a/mail/base/jar.mn
+++ b/mail/base/jar.mn
@@ -30,6 +30,7 @@ messenger.jar:
     content/messenger/mailWidgets.js                (content/mailWidgets.js)
     content/messenger/button-menu-button.js         (content/button-menu-button.js)
     content/messenger/toolbarbutton-menu-button.js  (content/toolbarbutton-menu-button.js)
+    content/messenger/toolbarbutton-appmenu.js      (content/toolbarbutton-appmenu.js)
     content/messenger/customElements.js             (content/customElements.js)
     content/messenger/customizeToolbar.css          (../../common/src/customizeToolbar.css)
     content/messenger/customizeToolbar.js           (../../common/src/customizeToolbar.js)
@@ -37,7 +38,6 @@ messenger.jar:
     content/messenger/viewSource.js                 (../../common/src/viewSource.js)
 *   content/messenger/viewSource.xul                (../../common/src/viewSource.xul)
     content/messenger/viewZoomOverlay.js            (../../common/src/viewZoomOverlay.js)
-    content/messenger/generalBindings.xml           (../../common/bindings/generalBindings.xml)
     content/messenger/generalBindings.js            (../../common/bindings/generalBindings.js)
     content/messenger/richlistbox.xml               (../../common/bindings/richlistbox.xml)
 *   content/messenger/toolbar.xml                   (../../common/bindings/toolbar.xml)
diff --git a/mail/components/im/content/chat-messenger.inc.xul b/mail/components/im/content/chat-messenger.inc.xul
index 75b47e7f48..39f4f534c4 100644
--- a/mail/components/im/content/chat-messenger.inc.xul
+++ b/mail/components/im/content/chat-messenger.inc.xul
@@ -84,7 +84,7 @@
                   </hbox>
                 </textbox>
               </toolbaritem>
-              <toolbarbutton id="button-chat-appmenu"
+              <toolbarbutton is="toolbarbutton-appmenu" id="button-chat-appmenu"
                              type="menu"
                              class="toolbarbutton-1 button-appmenu"
                              label="&appmenuButton.label;"
diff --git a/mail/themes/osx/mail/messenger.css b/mail/themes/osx/mail/messenger.css
index bb4eb2e636..5bc834825b 100644
--- a/mail/themes/osx/mail/messenger.css
+++ b/mail/themes/osx/mail/messenger.css
@@ -306,10 +306,6 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
   border-bottom-left-radius: 0;
 }
 
-toolbox[labelalign="end"] toolbarpaletteitem .toolbarbutton-1[type="menu"] {
-  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton");
-}
-
 .toolbarbutton-1[type="menu-button"] {
   padding: 0;
 }
diff --git a/mail/themes/shared/mail/messenger.css b/mail/themes/shared/mail/messenger.css
index 7a4722f4a0..68f56d3afa 100644
--- a/mail/themes/shared/mail/messenger.css
+++ b/mail/themes/shared/mail/messenger.css
@@ -40,14 +40,6 @@ toolbox[labelalign="end"] > toolbar[mode="full"] deck .toolbarbutton-text {
   text-align: start;
 }
 
-.toolbarbutton-1[type="menu"] {
-  -moz-binding: url("chrome://messenger/content/generalBindings.xml#menu-vertical");
-}
-
-toolbox[labelalign="end"] > toolbar[mode="full"] .toolbarbutton-1[type="menu"] {
-  -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton");
-}
-
 description.error {
   color: #f00;
 }