[gelöst] kann Tabs in mehrzeiliger Tableiste nicht verschieben

/*AGENT_SHEET*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* === Mehrzeilige Tableiste === */


/* Titel-Leistenschaltflächen */
#titlebar,#titlebar-buttonbox {
    height: 32px !important;
}
#titlebar {
    margin-bottom: -32px !important;
}
#main-window[sizemode="maximized"] #titlebar {
    margin-bottom: -24px !important;
}
/* Tab-Leiste */
#tabbrowser-tabs,
.tabbrowser-arrowscrollbox {
    min-height: 32px !important;
}


/* Anzahl der Tabreihen muss nicht mehr angegeben werden */


/* Wenn Sie die Anzahl der Tabs über die angegebene Anzahl von Stufen hinaus erhöhen, */
/* werden die angezeigten Bildlaufleisten mit Mausklicks und Rädern verschoben */
#main-window[tabsintitlebar] #tabbrowser-tabs {
    -moz-window-dragging: no-drag !important;
}


.tabbrowser-arrowscrollbox {
    -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important;
}


/* Anzahl der Tabschritte */
#tabbrowser-tabs .scrollbox-innerbox {
    max-height: calc( 32px * 5 ) !important;/* Zahl nach 32px ist Anzahl der Tabreihen */
}


/* Verschiedene Einstellungen */


/* Tabs */
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible !important;
    display: block !important;
}


#tabbrowser-tabs .scrollbox-innerbox {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow-y: auto !important;
}


.tabbrowser-tab:not([pinned]) {
    flex-grow: 1 !important;
    display: -webkit-box !important;
    min-height: 22px !important;
min-width: 110px !important; /* Minimal Wert standardmäßig 76px /
max-width: 110px !important; / Maximal Wert standardmäßig 225px */
}


.tab-stack {
     width: 100% !important;
    height: 100% !important;
}


/* -- Ausblenden -- */
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs .autorepeatbutton-up,
#tabbrowser-tabs .autorepeatbutton-down,
#alltabs-button {
    display: none !important;
}

// ==UserScript==
// @name           zzzz-MultiRowTab_LiteforFx48.uc.js
// @namespace      http://space.geocities.yahoo.co.jp/gl/alice0775
// @description    Mehrzeilige Tableiste, Experimentelle CSS Version
// @include        main
// @compatibility  Firefox 48
// @author         Alice0775
// @version        2016/08/05 00:00 Firefox 48
// @version        2016/05/01 00:01 hide favicon if busy
// @version        2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+
// @version        2016/02/09 00:01 workaround css for lwt
// @version        2016/02/09 00:00
// ==/UserScript==
    zzzz_MultiRowTabLite();
function zzzz_MultiRowTabLite() {
    var style=' \
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); \
    #TabsToolbar .tabbrowser-tab { \
        border-left: solid 1px rgba(0,0,0,.0) !important; \
        border-right: solid 1px rgba(0,0,0,.0) !important; \
    } \ ';
    var sspi = document.createProcessingInstruction(
        'xml-stylesheet',
        'type="text/css" href="data:text/css,' + encodeURIComponent(style) + '"');
    document.insertBefore(sspi, document.documentElement);
    gBrowser.tabContainer._animateTabMove = function(event){};
    gBrowser.tabContainer.lastVisibleTab = function() {
        var tabs = this.childNodes;
        for (let i = tabs.length - 1; i >= 0; i--) {
            if (!tabs[i].hasAttribute("hidden"))
                return i;
        }
        return -1;
    };
    gBrowser.tabContainer.clearDropIndicator = function() {
        var tabs = this.childNodes;
        for (let i = 0, len = tabs.length; i < len; i++){
            let tab_s= tabs[i].style;
            tab_s.removeProperty("border-left-color");
            tab_s.removeProperty("border-right-color");
        }
    };
    gBrowser.tabContainer.addEventListener("drop", function(event) {
        this.onDrop(event);
    }.bind(gBrowser.tabContainer), true);
    gBrowser.tabContainer._onDragOver = function(event) {
        this.MultiRowTabonDragOver(event);
        var effects = this._getDropEffectForTabDrag(event);
        this.clearDropIndicator();
        var newIndex = this._getDropIndex(event);
        if (newIndex == null) {
            return;
        }
        if (newIndex < this.childNodes.length) {
            this.childNodes[newIndex].style.setProperty("border-left-color","red","important");
        } else {
            newIndex = gBrowser.tabContainer.lastVisibleTab();
            if (newIndex >= 0)
                this.childNodes[newIndex].style.setProperty("border-right-color","red","important");
        }
    };
    gBrowser.tabContainer.addEventListener("dragover", gBrowser.tabContainer._onDragOver, true);
    gBrowser.tabContainer.onDrop = function(event) {
        var newIndex;
        console.log("onDrop");
        this.clearDropIndicator();
        var dt = event.dataTransfer;
        var dropEffect = dt.dropEffect;
        var draggedTab;
        if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) {
            draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0);
            if (!draggedTab)
                return;
        }
        if (draggedTab && dropEffect == "copy") {}
        else if (draggedTab && draggedTab.parentNode == this) {
            newIndex = this._getDropIndex(event, false);
            if (newIndex > draggedTab._tPos)
                newIndex--;
            this.tabbrowser.moveTabTo(draggedTab, newIndex);
        }
    };
    gBrowser.tabContainer.MultiRowTabonDragOver = function(event) {};
}