%tabBrowserDTD; ]> document.getElementById(this.getAttribute("tabcontainer")); this.tabContainer.childNodes; ({ ALL: 0, OTHER: 1, TO_END: 2 }); null Components.classes["@mozilla.org/docshell/urifixup;1"] .getService(Components.interfaces.nsIURIFixup); Components.classes["@mozilla.org/browser/favicon-service;1"] .getService(Components.interfaces.nsIFaviconService); Components.classes["@mozilla.org/autocomplete/search;1?name=history"] .getService(Components.interfaces.mozIPlacesAutoComplete); Components.classes["@mozilla.org/autocomplete/search;1?name=unifiedcomplete"] .getService(Components.interfaces.mozIPlacesAutoComplete); (Components.utils.import("resource://gre/modules/PlacesUtils.jsm", {})).PlacesUtils; (Components.utils.import("resource://gre/modules/AppConstants.jsm", {})).AppConstants; document.getAnonymousElementByAttribute(this, "anonid", "tabbox"); document.getAnonymousElementByAttribute(this, "anonid", "panelcontainer"); document.getAnonymousElementByAttribute(this, "anonid", "tbstringbundle"); null null null [] [] [] [] false new Map(); this.AppConstants.platform == "macosx"; null false "" 0 real JS array let prompts = Array.slice(els); return prompts; }, }; return promptBox; ]]> 0 && aStatus == NS_ERROR_UNKNOWN_HOST) { // to prevent bug 235825: wait for the request handled // by the automatic keyword resolver return; } // since we (try to) only handle STATE_STOP of the last request, // the count of open requests should now be 0 this.mRequestCount = 0; } if (aStateFlags & nsIWebProgressListener.STATE_START && aStateFlags & nsIWebProgressListener.STATE_IS_NETWORK) { // It's okay to clear what the user typed when we start // loading a document. If the user types, this counter gets // set to zero, if the document load ends without an // onLocationChange, this counter gets decremented // (so we keep it while switching tabs after failed loads) // We need to add 2 because loadURIWithFlags may have // cancelled a pending load which would have cleared // its anchor scroll detection temporary increment. if (aWebProgress.isTopLevel) { this.mBrowser.userTypedClear += 2; // If the browser is loading it must not be crashed anymore this.mTab.removeAttribute("crashed"); } if (this._shouldShowProgress(aRequest)) { if (!(aStateFlags & nsIWebProgressListener.STATE_RESTORING)) { this.mTab.setAttribute("busy", "true"); if (!(aWebProgress.loadType & Ci.nsIDocShell.LOAD_CMD_RELOAD)) this.mTabBrowser.setTabTitleLoading(this.mTab); } if (this.mTab.selected) this.mTabBrowser.mIsBusy = true; } } else if (aStateFlags & nsIWebProgressListener.STATE_STOP && aStateFlags & nsIWebProgressListener.STATE_IS_NETWORK) { if (this.mTab.hasAttribute("busy")) { this.mTab.removeAttribute("busy"); this.mTabBrowser._tabAttrModified(this.mTab); if (!this.mTab.selected) this.mTab.setAttribute("unread", "true"); } this.mTab.removeAttribute("progress"); if (aWebProgress.isTopLevel) { if (!Components.isSuccessCode(aStatus) && !isTabEmpty(this.mTab)) { // Restore the current document's location in case the // request was stopped (possibly from a content script) // before the location changed. this.mBrowser.userTypedValue = null; if (this.mTab.selected && gURLBar) URLBarSetURI(); } else { // The document is done loading, we no longer want the // value cleared. if (this.mBrowser.userTypedClear > 1) this.mBrowser.userTypedClear -= 2; else if (this.mBrowser.userTypedClear > 0) this.mBrowser.userTypedClear--; } if (!this.mBrowser.mIconURL) this.mTabBrowser.useDefaultIcon(this.mTab); } if (this.mBlank) this.mBlank = false; var location = aRequest.QueryInterface(nsIChannel).URI; // For keyword URIs clear the user typed value since they will be changed into real URIs if (location.scheme == "keyword") this.mBrowser.userTypedValue = null; if (this.mTab.label == this.mTabBrowser.mStringBundle.getString("tabs.connecting")) this.mTabBrowser.setTabTitle(this.mTab); if (this.mTab.selected) this.mTabBrowser.mIsBusy = false; } if (oldBlank) { this._callProgressListeners("onUpdateCurrentBrowser", [aStateFlags, aStatus, "", 0], true, false); } else { this._callProgressListeners("onStateChange", [aWebProgress, aRequest, aStateFlags, aStatus], true, false); } this._callProgressListeners("onStateChange", [aWebProgress, aRequest, aStateFlags, aStatus], false); if (aStateFlags & (nsIWebProgressListener.STATE_START | nsIWebProgressListener.STATE_STOP)) { // reset cached temporary values at beginning and end this.mMessage = ""; this.mTotalProgress = 0; } this.mStateFlags = aStateFlags; this.mStatus = aStatus; }, onLocationChange: function (aWebProgress, aRequest, aLocation, aFlags) { // OnLocationChange is called for both the top-level content // and the subframes. let topLevel = aWebProgress.isTopLevel; if (topLevel) { // If userTypedClear > 0, the document loaded correctly and we should be // clearing the user typed value. We also need to clear the typed value // if the document failed to load, to make sure the urlbar reflects the // failed URI (particularly for SSL errors). However, don't clear the value // if the error page's URI is about:blank, because that causes complete // loss of urlbar contents for invalid URI errors (see bug 867957). if (this.mBrowser.userTypedClear > 0 || ((aFlags & Ci.nsIWebProgressListener.LOCATION_CHANGE_ERROR_PAGE) && aLocation.spec != "about:blank")) this.mBrowser.userTypedValue = null; if (this.mTabBrowser.isFindBarInitialized(this.mTab)) { let findBar = this.mTabBrowser.getFindBar(this.mTab); // Close the Find toolbar if we're in old-style TAF mode if (findBar.findMode != findBar.FIND_NORMAL) findBar.close(); // fix bug 253793 - turn off highlight when page changes findBar.getElement("highlight").checked = false; } // Don't clear the favicon if this onLocationChange was // triggered by a pushState or a replaceState. See bug 550565. if (aWebProgress.isLoadingDocument && !(aWebProgress.loadType & Ci.nsIDocShell.LOAD_CMD_PUSHSTATE)) { this.mBrowser.mIconURL = null; } let autocomplete = this.mTabBrowser._placesAutocomplete; let unifiedComplete = this.mTabBrowser._unifiedComplete; if (this.mBrowser.registeredOpenURI) { autocomplete.unregisterOpenPage(this.mBrowser.registeredOpenURI); unifiedComplete.unregisterOpenPage(this.mBrowser.registeredOpenURI); delete this.mBrowser.registeredOpenURI; } // Tabs in private windows aren't registered as "Open" so // that they don't appear as switch-to-tab candidates. if (!isBlankPageURL(aLocation.spec) && (!PrivateBrowsingUtils.isWindowPrivate(window) || PrivateBrowsingUtils.permanentPrivateBrowsing)) { autocomplete.registerOpenPage(aLocation); unifiedComplete.registerOpenPage(aLocation); this.mBrowser.registeredOpenURI = aLocation; } } if (!this.mBlank) { this._callProgressListeners("onLocationChange", [aWebProgress, aRequest, aLocation, aFlags]); } if (topLevel) { this.mBrowser.lastURI = aLocation; this.mBrowser.lastLocationChange = Date.now(); } }, onStatusChange: function (aWebProgress, aRequest, aStatus, aMessage) { if (this.mBlank) return; this._callProgressListeners("onStatusChange", [aWebProgress, aRequest, aStatus, aMessage]); this.mMessage = aMessage; }, onSecurityChange: function (aWebProgress, aRequest, aState) { this._callProgressListeners("onSecurityChange", [aWebProgress, aRequest, aState]); }, onRefreshAttempted: function (aWebProgress, aURI, aDelay, aSameURI) { return this._callProgressListeners("onRefreshAttempted", [aWebProgress, aURI, aDelay, aSameURI]); }, QueryInterface: function (aIID) { if (aIID.equals(Components.interfaces.nsIWebProgressListener) || aIID.equals(Components.interfaces.nsIWebProgressListener2) || aIID.equals(Components.interfaces.nsISupportsWeakReference) || aIID.equals(Components.interfaces.nsISupports)) return this; throw Components.results.NS_NOINTERFACE; } }); ]]> 1 false/true NO var multiple = aURIs.length > 1; var owner = multiple || aLoadInBackground ? null : this.selectedTab; var firstTabAdded = null; if (aReplace) { try { this.loadURI(aURIs[0], null, null); } catch (e) { // Ignore failure in case a URI is wrong, so we can continue // opening the next ones. } } else firstTabAdded = this.addTab(aURIs[0], {ownerTab: owner, skipAnimation: multiple}); var tabNum = this.tabContainer.selectedIndex; for (let i = 1; i < aURIs.length; ++i) { let tab = this.addTab(aURIs[i], {skipAnimation: true}); if (aReplace) this.moveTabTo(tab, ++tabNum); } if (!aLoadInBackground) { if (firstTabAdded) { // .selectedTab setter focuses the content area this.selectedTab = firstTabAdded; } else this.selectedBrowser.focus(); } ]]> null into the DOM if necessary. if (!notificationbox.parentNode) { // NB: this appendChild call causes us to run constructors for the // browser element, which fires off a bunch of notifications. Some // of those notifications can cause code to run that inspects our // state, so it is important that the tab element is fully // initialized by this point. this.mPanelContainer.appendChild(notificationbox); } // We've waited until the tab is in the DOM to set the label. This // allows the TabLabelModified event to be properly dispatched. if (!aURI || isBlankPageURL(aURI)) { t.label = this.mStringBundle.getString("tabs.emptyTabTitle"); } else if (aURI.toLowerCase().startsWith("javascript:")) { // This can go away when bug 672618 or bug 55696 are fixed. t.label = aURI; } this.tabContainer.updateVisibility(); // wire up a progress listener for the new browser object. var tabListener = this.mTabProgressListener(t, b, uriIsAboutBlank); const filter = Components.classes["@mozilla.org/appshell/component/browser-status-filter;1"] .createInstance(Components.interfaces.nsIWebProgress); filter.addProgressListener(tabListener, Components.interfaces.nsIWebProgress.NOTIFY_ALL); b.webProgress.addProgressListener(filter, Components.interfaces.nsIWebProgress.NOTIFY_ALL); this.mTabListeners[position] = tabListener; this.mTabFilters[position] = filter; b.droppedLinkHandler = handleDroppedLink; // Swap in a preloaded customize tab, if available. if (aURI == "about:customizing") { usingPreloadedContent = gCustomizationTabPreloader.newTab(t); } // Dispatch a new tab notification. We do this once we're // entirely done, so that things are in a consistent state // even if the event listener opens or closes tabs. var evt = document.createEvent("Events"); evt.initEvent("TabOpen", true, false); t.dispatchEvent(evt); // If we didn't swap docShells with a preloaded browser // then let's just continue loading the page normally. if (!usingPreloadedContent && !uriIsAboutBlank) { // pretend the user typed this so it'll be available till // the document successfully loads if (aURI && gInitialPages.indexOf(aURI) == -1) b.userTypedValue = aURI; let flags = Ci.nsIWebNavigation.LOAD_FLAGS_NONE; if (aAllowThirdPartyFixup) { flags |= Ci.nsIWebNavigation.LOAD_FLAGS_ALLOW_THIRD_PARTY_FIXUP; flags |= Ci.nsIWebNavigation.LOAD_FLAGS_FIXUP_SCHEME_TYPOS; } if (aFromExternal) flags |= Ci.nsIWebNavigation.LOAD_FLAGS_FROM_EXTERNAL; if (aAllowMixedContent) flags |= Ci.nsIWebNavigation.LOAD_FLAGS_ALLOW_MIXED_CONTENT; try { b.loadURIWithFlags(aURI, { flags: flags, referrerURI: aNoReferrer ? null: aReferrerURI, referrerPolicy: aReferrerPolicy, charset: aCharset, postData: aPostData, }); } catch (ex) { Cu.reportError(ex); } } // We start our browsers out as inactive, and then maintain // activeness in the tab switcher. b.docShellIsActive = false; // Check if we're opening a tab related to the current tab and // move it to after the current tab. // aReferrerURI is null or undefined if the tab is opened from // an external application or bookmark, i.e. somewhere other // than the current tab. if ((aRelatedToCurrent == null ? aReferrerURI : aRelatedToCurrent) && Services.prefs.getBoolPref("browser.tabs.insertRelatedAfterCurrent")) { let newTabPos = (this._lastRelatedTab || this.selectedTab)._tPos + 1; if (this._lastRelatedTab) this._lastRelatedTab.owner = null; else t.owner = this.selectedTab; this.moveTabTo(t, newTabPos); this._lastRelatedTab = t; } if (animate) { mozRequestAnimationFrame(function () { this.tabContainer._handleTabTelemetryStart(t, aURI); // kick the animation off t.setAttribute("fadein", "true"); }.bind(this)); } return t; ]]> = 0; --i) { tabsToEnd.push(tabs[i]); } return tabsToEnd.reverse(); ]]> = 0; --i) { this.removeTab(tabs[i], {animate: true}); } } ]]> = 0; --i) { if (tabs[i] != aTab && !tabs[i].pinned) this.removeTab(tabs[i], {animate: true}); } } ]]> [] 3 /* don't want lots of concurrent animations */ || aTab.getAttribute("fadein") != "true" /* fade-in transition hasn't been triggered yet */ || window.getComputedStyle(aTab).maxWidth == "0.1px" /* fade-in transition hasn't moved yet */ || !Services.prefs.getBoolPref("browser.tabs.animate")) { this._endRemoveTab(aTab); return; } this.tabContainer._handleTabTelemetryStart(aTab); this._blurTab(aTab); aTab.style.maxWidth = ""; // ensure that fade-out transition happens aTab.removeAttribute("fadein"); setTimeout(function (tab, tabbrowser) { if (tab.parentNode && window.getComputedStyle(tab).maxWidth == "0.1px") { NS_ASSERT(false, "Giving up waiting for the tab closing animation to finish (bug 608589)"); tabbrowser._endRemoveTab(tab); } }, 3000, aTab, this); ]]> false this.mTabsProgressListeners.push(aListener); = 0 && aIndex < tabs.length) this.selectedTab = tabs[aIndex]; if (aEvent) { aEvent.preventDefault(); aEvent.stopPropagation(); } ]]> return this.mCurrentTab; null 0) this.moveTabTo(this.mCurrentTab, 0); ]]> null this.onLoadTimeout(), this.TAB_SWITCH_TIMEOUT); }, // This function runs before every event. It fixes up the state // to account for closed tabs. preActions: function() { this.assert(this.tabbrowser._switcher); this.assert(this.tabbrowser._switcher === this); for (let [tab, state] of this.tabState) { if (!tab.linkedBrowser) { this.tabState.delete(tab); } } if (this.lastVisibleTab && !this.lastVisibleTab.linkedBrowser) { this.lastVisibleTab = null; } if (this.spinnerTab && !this.spinnerTab.linkedBrowser) { this.spinnerTab = null; } if (this.loadingTab && !this.loadingTab.linkedBrowser) { this.loadingTab = null; clearTimeout(this.loadTimer); this.loadTimer = null; } }, // This code runs after we've responded to an event or requested a new // tab. It's expected that we've already updated all the principal // state variables. This function takes care of updating any auxilliary // state. postActions: function() { // Once we finish loading loadingTab, we null it out. So the state should // always be LOADING. this.assert(!this.loadingTab || this.getTabState(this.loadingTab) == this.STATE_LOADING); // We guarantee that loadingTab is non-null iff loadTimer is non-null. So // the timer is set only when we're loading something. this.assert(!this.loadTimer || this.loadingTab); this.assert(!this.loadingTab || this.loadTimer); // If we're not loading anything, try loading the requested tab. if (!this.loadTimer && this.getTabState(this.requestedTab) == this.STATE_UNLOADED) { this.loadRequestedTab(); } // See how many tabs still have work to do. let numPending = 0; for (let [tab, state] of this.tabState) { if (state == this.STATE_LOADED && tab !== this.requestedTab) { numPending++; } if (state == this.STATE_LOADING || state == this.STATE_UNLOADING) { numPending++; } } this.updateDisplay(); // It's possible for updateDisplay to trigger one of our own event // handlers, which might cause finish() to already have been called. // Check for that before calling finish() again. if (!this.tabbrowser._switcher) { return; } if (numPending == 0) { this.finish(); } this.logState("done"); }, // Fires when we're ready to unload unused tabs. onUnloadTimeout: function() { this.logState("onUnloadTimeout"); this.preActions(); let numPending = 0; // Unload any tabs that can be unloaded. for (let [tab, state] of this.tabState) { if (state == this.STATE_LOADED && !this.maybeVisibleTabs.has(tab) && tab !== this.lastVisibleTab && tab !== this.loadingTab && tab !== this.requestedTab) { this.setTabState(tab, this.STATE_UNLOADING); } if (state != this.STATE_UNLOADED && tab !== this.requestedTab) { numPending++; } } if (numPending) { // Keep the timer going since there may be more tabs to unload. this.unloadTimer = setTimeout(() => this.onUnloadTimeout(), this.UNLOAD_DELAY); } this.postActions(); }, // Fires when an ongoing load has taken too long. onLoadTimeout: function() { this.logState("onLoadTimeout"); this.preActions(); this.loadTimer = null; this.loadingTab = null; this.postActions(); }, // Fires when the layers become available for a tab. onLayersReady: function(browser) { this.logState("onLayersReady"); let tab = this.tabbrowser.getTabForBrowser(browser); this.setTabState(tab, this.STATE_LOADED); if (this.loadingTab === tab) { clearTimeout(this.loadTimer); this.loadTimer = null; this.loadingTab = null; } }, // Fires when we paint the screen. Any tab switches we initiated // previously are done, so there's no need to keep the old layers // around. onPaint: function() { this.maybeVisibleTabs.clear(); }, // Called when we're done clearing the layers for a tab. onLayersCleared: function(browser) { this.logState("onLayersCleared"); let tab = this.tabbrowser.getTabForBrowser(browser); if (tab) { this.setTabState(tab, this.STATE_UNLOADED); } }, // Called when a tab switches from remote to non-remote. In this case // a MozLayerTreeReady notification that we requested may never fire, // so we need to simulate it. onRemotenessChange: function(tab) { this.logState("onRemotenessChange"); if (!tab.linkedBrowser.isRemoteBrowser) { if (this.getTabState(tab) == this.STATE_LOADING) { this.onLayersReady(tab.linkedBrowser); } else if (this.getTabState(tab) == this.STATE_UNLOADING) { this.onLayersCleared(tab.linkedBrowser); } } }, // Called when the user asks to switch to a given tab. requestTab: function(tab) { if (tab === this.requestedTab) { return; } this.logState("requestTab " + this.tinfo(tab)); this.requestedTab = tab; this.preActions(); clearTimeout(this.unloadTimer); this.unloadTimer = setTimeout(() => this.onUnloadTimeout(), this.UNLOAD_DELAY); this.postActions(); }, handleEvent: function(event) { this.preActions(); if (event.type == "MozLayerTreeReady") { this.onLayersReady(event.originalTarget); } if (event.type == "MozAfterPaint") { this.onPaint(); } else if (event.type == "MozLayerTreeCleared") { this.onLayersCleared(event.originalTarget); } else if (event.type == "TabRemotenessChange") { this.onRemotenessChange(event.target); } this.postActions(); }, tinfo: function(tab) { if (tab) { return tab._tPos + "(" + tab.linkedBrowser.currentURI.spec + ")"; } else { return "null"; } }, log: function(s) { if (!this.logging) return; dump(s + "\n"); }, logState: function(prefix) { if (!this.logging) return; dump(prefix + " "); for (let i = 0; i < this.tabbrowser.tabs.length; i++) { let tab = this.tabbrowser.tabs[i]; let state = this.getTabState(tab); dump(i + ":"); if (tab === this.lastVisibleTab) dump("V"); if (tab === this.loadingTab) dump("L"); if (tab === this.requestedTab) dump("R"); if (state == this.STATE_LOADED) dump("(+)"); if (state == this.STATE_LOADING) dump("(+?)"); if (state == this.STATE_UNLOADED) dump("(-)"); if (state == this.STATE_UNLOADING) dump("(-?)"); dump(" "); } dump("\n"); }, }; this._switcher = switcher; switcher.init(); return switcher; ]]> Services.console.logStringMessage("enterTabbedMode is an obsolete method and " + "will be removed in a future release."); true this.tabContainer.visible = aShow; return this.tabContainer.visible; null null document.getElementById(this.getAttribute("tabbrowser")); this.tabbrowser.mTabBox; document.getElementById("tabContextMenu"); 0 document.getAnonymousElementByAttribute(this, "anonid", "arrowscrollbox"); null null null null null null let root = document.documentElement; return root.getAttribute("customizing") == "true" || root.getAttribute("customize-exiting") == "true"; false document.getAnonymousElementByAttribute(this, "anonid", "tab-drop-indicator"); 350 0 false 2) { // This is an optimization to avoid layout flushes by calling // getBoundingClientRect() when we just opened a second tab. In // this case it's highly unlikely that the tab width is smaller // than mTabClipWidth and the tab close button obscures too much // of the tab's label. In the edge case of the window being too // narrow (or if tabClipWidth has been set to a way higher value), // we'll correct the 'closebuttons' attribute after the tabopen // animation has finished. let tab = this.tabbrowser.visibleTabs[this.tabbrowser._numPinnedTabs]; if (tab && tab.getBoundingClientRect().width <= this.mTabClipWidth) { this.setAttribute("closebuttons", "activetab"); return; } } this.removeAttribute("closebuttons"); ]]> tabStrip.scrollSize) tabStrip.scrollByPixels(-1); } catch (e) {} ]]> document.getAnonymousElementByAttribute(this, "anonid", "closing-tabs-spacer"); NaN false false tabs[tabs.length-1]._tPos); var tabWidth = aTab.getBoundingClientRect().width; if (!this._tabDefaultMaxWidth) this._tabDefaultMaxWidth = parseFloat(window.getComputedStyle(aTab).maxWidth); this._lastTabClosedByMouse = true; if (this.getAttribute("overflow") == "true") { // Don't need to do anything if we're in overflow mode and aren't scrolled // all the way to the right, or if we're closing the last tab. if (isEndTab || !this.mTabstrip._scrollButtonDown.disabled) return; // If the tab has an owner that will become the active tab, the owner will // be to the left of it, so we actually want the left tab to slide over. // This can't be done as easily in non-overflow mode, so we don't bother. if (aTab.owner) return; this._expandSpacerBy(tabWidth); } else { // non-overflow mode // Locking is neither in effect nor needed, so let tabs expand normally. if (isEndTab && !this._hasTabTempMaxWidth) return; let numPinned = this.tabbrowser._numPinnedTabs; // Force tabs to stay the same width, unless we're closing the last tab, // which case we need to let them expand just enough so that the overall // tabbar width is the same. if (isEndTab) { let numNormalTabs = tabs.length - numPinned; tabWidth = tabWidth * (numNormalTabs + 1) / numNormalTabs; if (tabWidth > this._tabDefaultMaxWidth) tabWidth = this._tabDefaultMaxWidth; } tabWidth += "px"; for (let i = numPinned; i < tabs.length; i++) { let tab = tabs[i]; tab.style.setProperty("max-width", tabWidth, "important"); if (!isEndTab) { // keep tabs the same width tab.style.transition = "none"; tab.clientTop; // flush styles to skip animation; see bug 649247 tab.style.transition = ""; } } this._hasTabTempMaxWidth = true; this.tabbrowser.addEventListener("mousemove", this, false); window.addEventListener("mouseout", this, false); } ]]> 0 0; if (doPosition) { this.setAttribute("positionpinnedtabs", "true"); let scrollButtonWidth = this.mTabstrip._scrollButtonDown.getBoundingClientRect().width; let paddingStart = this.mTabstrip.scrollboxPaddingStart; let width = 0; for (let i = numPinned - 1; i >= 0; i--) { let tab = this.childNodes[i]; width += tab.getBoundingClientRect().width; tab.style.MozMarginStart = - (width + scrollButtonWidth + paddingStart) + "px"; } this.style.MozPaddingStart = width + paddingStart + "px"; } else { this.removeAttribute("positionpinnedtabs"); for (let i = 0; i < numPinned; i++) { let tab = this.childNodes[i]; tab.style.MozMarginStart = ""; } this.style.MozPaddingStart = ""; } if (this._lastNumPinned != numPinned) { this._lastNumPinned = numPinned; this._handleTabSelect(false); } ]]> draggedTab._dragData.animLastScreenX; draggedTab._dragData.animLastScreenX = screenX; let rtl = (window.getComputedStyle(this).direction == "rtl"); let pinned = draggedTab.pinned; let numPinned = this.tabbrowser._numPinnedTabs; let tabs = this.tabbrowser.visibleTabs .slice(pinned ? 0 : numPinned, pinned ? numPinned : undefined); if (rtl) tabs.reverse(); let tabWidth = draggedTab.getBoundingClientRect().width; // Move the dragged tab based on the mouse position. let leftTab = tabs[0]; let rightTab = tabs[tabs.length - 1]; let tabScreenX = draggedTab.boxObject.screenX; let translateX = screenX - draggedTab._dragData.screenX; if (!pinned) translateX += this.mTabstrip.scrollPosition - draggedTab._dragData.scrollX; let leftBound = leftTab.boxObject.screenX - tabScreenX; let rightBound = (rightTab.boxObject.screenX + rightTab.boxObject.width) - (tabScreenX + tabWidth); translateX = Math.max(translateX, leftBound); translateX = Math.min(translateX, rightBound); draggedTab.style.transform = "translateX(" + translateX + "px)"; // Determine what tab we're dragging over. // * Point of reference is the center of the dragged tab. If that // point touches a background tab, the dragged tab would take that // tab's position when dropped. // * We're doing a binary search in order to reduce the amount of // tabs we need to check. let tabCenter = tabScreenX + translateX + tabWidth / 2; let newIndex = -1; let oldIndex = "animDropIndex" in draggedTab._dragData ? draggedTab._dragData.animDropIndex : draggedTab._tPos; let low = 0; let high = tabs.length - 1; while (low <= high) { let mid = Math.floor((low + high) / 2); if (tabs[mid] == draggedTab && ++mid > high) break; let boxObject = tabs[mid].boxObject; let screenX = boxObject.screenX + getTabShift(tabs[mid], oldIndex); if (screenX > tabCenter) { high = mid - 1; } else if (screenX + boxObject.width < tabCenter) { low = mid + 1; } else { newIndex = tabs[mid]._tPos; break; } } if (newIndex >= oldIndex) newIndex++; if (newIndex < 0 || newIndex == oldIndex) return; draggedTab._dragData.animDropIndex = newIndex; // Shift background tabs to leave a gap where the dragged tab // would currently be dropped. for (let tab of tabs) { if (tab != draggedTab) { let shift = getTabShift(tab, newIndex); tab.style.transform = shift ? "translateX(" + shift + "px)" : ""; } } function getTabShift(tab, dropIndex) { if (tab._tPos < draggedTab._tPos && tab._tPos >= dropIndex) return rtl ? -tabWidth : tabWidth; if (tab._tPos > draggedTab._tPos && tab._tPos < dropIndex) return rtl ? tabWidth : -tabWidth; return 0; } ]]> this.mTabstrip._scrollButtonDown; boxObject.screenX + boxObject.width * .75) return null; } return tab; ]]> tabs[i].boxObject.screenX + tabs[i].boxObject.width / 2) return i; } return tabs.length; ]]> 1) return dt.effectAllowed = "none"; var types = dt.mozTypesAt(0); var sourceNode = null; // tabs are always added as the first type if (types[0] == TAB_DROP_TYPE) { var sourceNode = dt.mozGetDataAt(TAB_DROP_TYPE, 0); if (sourceNode instanceof XULElement && sourceNode.localName == "tab" && sourceNode.ownerDocument.defaultView instanceof ChromeWindow && sourceNode.ownerDocument.documentElement.getAttribute("windowtype") == "navigator:browser" && sourceNode.ownerDocument.defaultView.gBrowser.tabContainer == sourceNode.parentNode) { // Do not allow transfering a private tab to a non-private window // and vice versa. if (PrivateBrowsingUtils.isWindowPrivate(window) != PrivateBrowsingUtils.isWindowPrivate(sourceNode.ownerDocument.defaultView)) return dt.effectAllowed = "none"; if (window.gMultiProcessBrowser != sourceNode.ownerDocument.defaultView.gMultiProcessBrowser) return dt.effectAllowed = "none"; let copyModifier = this.tabbrowser.AppConstants.platform == "macosx" ? event.altKey : event.ctrlKey; return dt.effectAllowed = copyModifier ? "copy" : "move"; } } if (browserDragAndDrop.canDropLink(event)) { // Here we need to do this manually return dt.effectAllowed = dt.dropEffect = "link"; } return dt.effectAllowed = "none"; ]]> 1) { let averageInterval = 0; for (let i = 1; i < frameCount; i++) { averageInterval += intervals[i]; }; averageInterval = averageInterval / (frameCount - 1); Services.telemetry.getHistogramById("FX_TAB_ANIM_ANY_FRAME_INTERVAL_MS").add(averageInterval); if (aTab._recordingTabOpenPlain) { delete aTab._recordingTabOpenPlain; // While we do have a telemetry probe NEWTAB_PAGE_ENABLED to monitor newtab preview, it'll be // easier to overview the data without slicing by it. Hence the additional histograms with _PREVIEW. let preview = this._browserNewtabpageEnabled ? "_PREVIEW" : ""; Services.telemetry.getHistogramById("FX_TAB_ANIM_OPEN" + preview + "_FRAME_INTERVAL_MS").add(averageInterval); } } ]]> 1 && !target._ignoredCloseButtonClicks) { target._ignoredCloseButtonClicks = true; event.stopPropagation(); return; } else { // Reset the "ignored click" flag target._ignoredCloseButtonClicks = false; } } /* Protects from close-tab-button errant doubleclick: * Since we're removing the event target, if the user * double-clicks the button, the dblclick event will be dispatched * with the tabbar as its event target (and explicit/originalTarget), * which treats that as a mouse gesture for opening a new tab. * In this context, we're manually blocking the dblclick event * (see tabbrowser-close-tab-button dblclick handler). */ if (this._blockDblClick) { if (!("_clickedTabBarOnce" in this)) { this._clickedTabBarOnce = true; return; } delete this._clickedTabBarOnce; this._blockDblClick = false; } ]]> = this._dragTime + this._dragOverDelay) this.selectedItem = tab; ind.collapsed = true; return; } } var rect = tabStrip.getBoundingClientRect(); var newMargin; if (pixelsToScroll) { // if we are scrolling, put the drop indicator at the edge // so that it doesn't jump while scrolling let scrollRect = tabStrip.scrollClientRect; let minMargin = scrollRect.left - rect.left; let maxMargin = Math.min(minMargin + scrollRect.width, scrollRect.right); if (!ltr) [minMargin, maxMargin] = [this.clientWidth - maxMargin, this.clientWidth - minMargin]; newMargin = (pixelsToScroll > 0) ? maxMargin : minMargin; } else { let newIndex = this._getDropIndex(event); if (newIndex == this.childNodes.length) { let tabRect = this.childNodes[newIndex-1].getBoundingClientRect(); if (ltr) newMargin = tabRect.right - rect.left; else newMargin = rect.right - tabRect.left; } else { let tabRect = this.childNodes[newIndex].getBoundingClientRect(); if (ltr) newMargin = tabRect.left - rect.left; else newMargin = rect.right - tabRect.right; } } ind.collapsed = false; newMargin += ind.clientWidth / 2; if (!ltr) newMargin *= -1; ind.style.transform = "translate(" + Math.round(newMargin) + "px)"; ind.style.MozMarginStart = (-ind.clientWidth) + "px"; ]]> draggedTab._tPos) newIndex--; this.tabbrowser.moveTabTo(draggedTab, newIndex); } } else if (draggedTab) { // swap the dropped tab with a new one we create and then close // it in the other window (making it seem to have moved between // windows) let newIndex = this._getDropIndex(event); let newTab = this.tabbrowser.addTab("about:blank"); let newBrowser = this.tabbrowser.getBrowserForTab(newTab); // Stop the about:blank load newBrowser.stop(); // make sure it has a docshell newBrowser.docShell; let numPinned = this.tabbrowser._numPinnedTabs; if (newIndex < numPinned || draggedTab.pinned && newIndex == numPinned) this.tabbrowser.pinTab(newTab); this.tabbrowser.moveTabTo(newTab, newIndex); // We need to select the tab before calling swapBrowsersAndCloseOther // so that window.content in chrome windows points to the right tab // when pagehide/show events are fired. this.tabbrowser.selectedTab = newTab; draggedTab.parentNode._finishAnimateTabMove(); this.tabbrowser.swapBrowsersAndCloseOther(newTab, draggedTab); // Call updateCurrentBrowser to make sure the URL bar is up to date // for our new tab after we've done swapBrowsersAndCloseOther. this.tabbrowser.updateCurrentBrowser(true); } else { // Pass true to disallow dropping javascript: or data: urls let url; try { url = browserDragAndDrop.drop(event, { }, true); } catch (ex) {} if (!url) return; let bgLoad = Services.prefs.getBoolPref("browser.tabs.loadInBackground"); if (event.shiftKey) bgLoad = !bgLoad; let tab = this._getDragTargetTab(event); if (!tab || dropEffect == "copy") { // We're adding a new tab. let newIndex = this._getDropIndex(event); let newTab = this.tabbrowser.loadOneTab(url, {inBackground: bgLoad, allowThirdPartyFixup: true}); this.tabbrowser.moveTabTo(newTab, newIndex); } else { // Load in an existing tab. try { let webNav = Ci.nsIWebNavigation; let flags = webNav.LOAD_FLAGS_ALLOW_THIRD_PARTY_FIXUP | webNav.LOAD_FLAGS_FIXUP_SCHEME_TYPOS; this.tabbrowser.getBrowserForTab(tab).loadURIWithFlags(url, flags); if (!bgLoad) this.selectedItem = tab; } catch(ex) { // Just ignore invalid urls } } } if (draggedTab) { delete draggedTab._dragData; } ]]> wX && eX < (wX + window.outerWidth)) { let bo = this.mTabstrip.boxObject; // also avoid detaching if the the tab was dropped too close to // the tabbar (half a tab) let endScreenY = bo.screenY + 1.5 * bo.height; if (eY < endScreenY && eY > window.screenY) return; } // screen.availLeft et. al. only check the screen that this window is on, // but we want to look at the screen the tab is being dropped onto. var sX = {}, sY = {}, sWidth = {}, sHeight = {}; Cc["@mozilla.org/gfx/screenmanager;1"] .getService(Ci.nsIScreenManager) .screenForRect(eX, eY, 1, 1) .GetAvailRect(sX, sY, sWidth, sHeight); // ensure new window entirely within screen var winWidth = Math.min(window.outerWidth, sWidth.value); var winHeight = Math.min(window.outerHeight, sHeight.value); var left = Math.min(Math.max(eX - draggedTab._dragData.offsetX, sX.value), sX.value + sWidth.value - winWidth); var top = Math.min(Math.max(eY - draggedTab._dragData.offsetY, sY.value), sY.value + sHeight.value - winHeight); delete draggedTab._dragData; if (this.tabbrowser.tabs.length == 1) { // resize _before_ move to ensure the window fits the new screen. if // the window is too large for its screen, the window manager may do // automatic repositioning. window.resizeTo(winWidth, winHeight); window.moveTo(left, top); window.focus(); } else { let props = { screenX: left, screenY: top }; if (this.tabbrowser.AppConstants.platform != "win") { props.outerWidth = winWidth; props.outerHeight = winHeight; } this.tabbrowser.replaceTabWithWindow(draggedTab, props); } event.stopPropagation(); ]]> // for the one-close-button case event.stopPropagation(); event.stopPropagation(); return this.getAttribute("label"); this.setAttribute("label", val); let event = new CustomEvent("TabLabelModified", { bubbles: true, cancelable: true }); this.dispatchEvent(event); // Let listeners prevent synchronizing the actual label to the // visible label (allowing them to override the visible label). if (!event.defaultPrevented) this.visibleLabel = val; return this.getAttribute("visibleLabel"); this.setAttribute("visibleLabel", val); return this.getAttribute("pinned") == "true"; return this.getAttribute("hidden") == "true"; return this._lastAccessed == Infinity ? Date.now() : this._lastAccessed; this._lastAccessed = val; false null false this.style.MozUserFocus = ''; this.style.MozUserFocus = ''; = tabstripBO.screenX && curTabBO.screenX + curTabBO.width <= tabstripBO.screenX + tabstripBO.width) this.childNodes[i].setAttribute("tabIsVisible", "true"); else this.childNodes[i].removeAttribute("tabIsVisible"); } ]]> 0; i--) { let menuItem = this.childNodes[i]; if (menuItem.tab) { menuItem.tab.mCorrespondingMenuitem = null; this.removeChild(menuItem); } } var tabcontainer = gBrowser.tabContainer; tabcontainer.mTabstrip.removeEventListener("scroll", this, false); tabcontainer.removeEventListener("TabAttrModified", this, false); tabcontainer.removeEventListener("TabClose", this, false); ]]> return this.hasAttribute("inactive") ? "" : this.getAttribute("label"); this._mirror(); this._mirror(); if (this.hasAttribute("mirror")) this.removeAttribute("mirror"); else this.setAttribute("mirror", "true"); if (!this.hasAttribute("sizelimit")) { this.setAttribute("sizelimit", "true"); this._calcMouseTargetRect(); } 0 = this.childNodes.length) return val; let toTab = this.getRelatedElement(this.childNodes[val]); let fromTab = this._selectedPanel ? this.getRelatedElement(this._selectedPanel) : null; gBrowser._getSwitcher().requestTab(toTab); var panel = this._selectedPanel; var newPanel = this.childNodes[val]; this._selectedPanel = newPanel; if (this._selectedPanel != panel) { var event = document.createEvent("Events"); event.initEvent("select", true, true); this.dispatchEvent(event); this._selectedIndex = val; } return val; ]]>