CustomCSSforFx icon indicating copy to clipboard operation
CustomCSSforFx copied to clipboard

Audio is expanding/collapsing/resizing tab, want to act like before FireFox 136

Open tealkami opened this issue 7 months ago • 1 comments

Hi, I noticed after update (134=>138) my tabs resize when there is a sound playing; before it only did add the audio icon next to the favicon without resizing the tab, after searching for solution found out it was changed in Firefox136.

Can you please add option to make act it was in 135> ?

Links where people talk about it: https://connect.mozilla.org/t5/ideas/dynamic-tab-size-on-tabs-with-audio-give-a-setting-or-about/idi-p/90856 https://www.reddit.com/r/FirefoxCSS/comments/1iikucj/preventing_tabs_from_expanding_whenever_the_audio/ https://connect.mozilla.org/t5/discussions/the-new-tab-mute-button/m-p/89474 https://connect.mozilla.org/t5/discussions/tab-volume-indicator-expanding-tab-space/m-p/90299 https://www.reddit.com/r/firefox/comments/1j8mdgq/how_can_i_stop_tabs_from_expanding_when/ https://connect.mozilla.org/t5/discussions/a-way-to-disable-tabs-expanding-when-a-video-is-being-played/m-p/92637/highlight/true#M36040

https://github.com/black7375/Firefox-UI-Fix/issues/1075

tealkami avatar May 26 '25 12:05 tealkami

As someone has the strength to keep it updated, it seems to be possible:

https://github.com/black7375/Firefox-UI-Fix/issues/1075#issuecomment-2704718967

/* FF v136 fix tab width changing during audio playback */
.tabbrowser-tab {
	&:is([muted], [soundplaying], [activemedia-blocked]) {
		#tabbrowser-tabs[orient="horizontal"] &:not([pinned]) {
			--tab-min-width: inherit !important;
		}
	}
}

https://github.com/black7375/Firefox-UI-Fix/issues/1075#issuecomment-2771427493

/* FF v137+ troubles */
.tabbrowser-tab {
	&:is([muted], [soundplaying], [activemedia-blocked]) {
		#tabbrowser-tabs[orient="horizontal"] &:not([pinned]) {
			min-width: var(--tab-min-width-pref, var(--tab-min-width)) !important;
			--tab-icon-end-margin: inherit !important;
		}
	}
}
.tab-audio-button {
	margin-inline-end: unset !important
}

https://github.com/black7375/Firefox-UI-Fix/commit/f547441c6fe9cf12c68e32ca6a27475eb1bb70bb

krystian3w avatar May 27 '25 19:05 krystian3w

I think this got sorted out, correct?

Aris-t2 avatar Jul 22 '25 14:07 Aris-t2

I think this got sorted out, correct?

what do you mean? like did you add it, or firefox did some option to turn this thing off ?

tealkami avatar Jul 24 '25 04:07 tealkami