Is there a way to fix tabs to move window?

Help
7

Maybe you could work with this CSS to fit your needs.

If you never use your mouse to switch tabs, only using your keyboard, then this makes your tabs drag the entire window instead of detaching:

.workspace-tab-header {
	app-region: drag !important;
}

.workspace-tab-header-inner-close-button {
	app-region: no-drag !important;
}

If you want to use your mouse to switch tabs, this might be better:

  • This makes it so tabs don’t detach.
  • Dragging the active tab drags the entire window.
  • Inactive tabs cannot be dragged at all, so you won’t accidentally move them. But they also don’t drag the window.
  • And of course, now you cannot rearrange your tabs using your mouse. Because that requires detaching them.
.workspace-tab-header.is-active {
	app-region: drag !important;
}

.workspace-tab-header:not(.is-active) {	
	-webkit-user-drag: none;
}

.workspace-tab-header-inner-close-button {
	app-region: no-drag !important;
}

Inactive tabs cannot be dragged because that’s the best I know how to do while keeping those tabs (and their close buttons) selectable by mouse.

Both of these currently work in the sandbox.

1 Like