diff -urN firefox-153.0-orig/browser/components/urlbar/content/UrlbarView.mjs firefox-153.0/browser/components/urlbar/content/UrlbarView.mjs --- firefox-153.0-orig/browser/components/urlbar/content/UrlbarView.mjs 2026-07-16 05:44:59 +0900 +++ firefox-153.0/browser/components/urlbar/content/UrlbarView.mjs 2026-07-23 14:13:23 +0900 @@ -1380,24 +1380,18 @@ } #createRowContent(item) { - // The url is the only element that can wrap, thus all the other elements - // are child of noWrap. - let noWrap = this.#createElement("span"); - noWrap.className = "urlbarView-no-wrap"; - item._content.appendChild(noWrap); - let favicon = this.#createElement("img"); favicon.className = "urlbarView-favicon"; - noWrap.appendChild(favicon); + item._content.appendChild(favicon); item._elements.set("favicon", favicon); let typeIcon = this.#createElement("span"); typeIcon.className = "urlbarView-type-icon"; - noWrap.appendChild(typeIcon); + item._content.appendChild(typeIcon); let tailPrefix = this.#createElement("span"); tailPrefix.className = "urlbarView-tail-prefix"; - noWrap.appendChild(tailPrefix); + item._content.appendChild(tailPrefix); item._elements.set("tailPrefix", tailPrefix); // tailPrefix holds text only for alignment purposes so it should never be // read to screen readers. @@ -1413,6 +1407,20 @@ tailPrefix.appendChild(tailPrefixChar); item._elements.set("tailPrefixChar", tailPrefixChar); + let url = this.#createElement("span"); + url.className = "urlbarView-url"; + item._content.appendChild(url); + item._elements.set("url", url); + + let noWrap = this.#createElement("span"); + noWrap.className = "urlbarView-no-wrap"; + item._content.appendChild(noWrap); + + let titleSeparator = this.#createElement("span"); + titleSeparator.className = "urlbarView-title-separator"; + noWrap.appendChild(titleSeparator); + item._elements.set("titleSeparator", titleSeparator); + let title = this.#createElement("span"); title.classList.add("urlbarView-title", "urlbarView-overflowable"); noWrap.appendChild(title); @@ -1423,21 +1431,11 @@ noWrap.appendChild(tagsContainer); item._elements.set("tagsContainer", tagsContainer); - let titleSeparator = this.#createElement("span"); - titleSeparator.className = "urlbarView-title-separator"; - noWrap.appendChild(titleSeparator); - item._elements.set("titleSeparator", titleSeparator); - let action = this.#createElement("span"); action.className = "urlbarView-action"; noWrap.appendChild(action); item._elements.set("action", action); - let url = this.#createElement("span"); - url.className = "urlbarView-url"; - item._content.appendChild(url); - item._elements.set("url", url); - if (lazy.UrlbarPrefs.get("resultExplanationsFeatureGate")) { let explanation = this.#createElement("span"); explanation.classList.add( diff -urN firefox-153.0-orig/browser/themes/shared/urlbar/view-proton.css firefox-153.0/browser/themes/shared/urlbar/view-proton.css --- firefox-153.0-orig/browser/themes/shared/urlbar/view-proton.css 2026-07-16 05:44:59 +0900 +++ firefox-153.0/browser/themes/shared/urlbar/view-proton.css 2026-07-23 14:13:23 +0900 @@ -207,7 +207,7 @@ .urlbarView-no-wrap { max-width: 100%; - flex-grow: 0; + flex-grow: 1; flex-shrink: 0; .urlbarView[action-override] .urlbarView-row[has-url] > .urlbarView-row-inner > &, @@ -300,7 +300,6 @@ direction: ltr !important; } -.urlbarView-url:-moz-locale-dir(rtl), .urlbarView-explanation:-moz-locale-dir(rtl) { /* .urlbarView-url can grow due to `flex-grow: 1`, so without `text-align: right`, the URL text would be left-aligned within .urlbarView-url for RTL @@ -694,6 +693,7 @@ /* Action labels */ .urlbarView-action { + display: none; white-space: nowrap; .urlbarView-title:not(:empty) ~ & { @@ -837,9 +837,11 @@ /* URLs and result explanations */ +.urlbarView-url {flex-grow: 0;} +.urlbarView-explanation {flex-grow: 1;} + .urlbarView-url, .urlbarView-explanation { - flex-grow: 1; flex-shrink: 1; font-size: var(--urlbarView-small-font-size); /* Increase line-height to avoid cutting overhanging glyphs due to masking on