SideBar min-width not respected, app.js overstepping css

[TheMathGuyd]

Once you’ve done the above, delete everything above this line.

Steps to reproduce

In a new vault with no snippets, attempt to adjust the left sidebar to a value less than 150px. User will not be able to.
Disable the ribbon, and the sidebar will be 200px. User will not be able to adjust smaller than 200px. When the mouse Is moved to 50px from edge of screen, the sidebar collapses to zero.
app.js is clearly designed to make this behavior happen, as seen here:

Change Left Sidebar Width

While this plugin is useful, when it is used to resize the sidebar to less than 200px, and interaction using the mouse on the divider to adjust width forces it back to either 200px or 0px. in app.js, this is responsible for resizing t.prototype.setSize = function(e) { this.size = e, this.containerEl.style.width = "".concat(e, "px") } setSize is found in onSidedockResizeStart, responsible for adjusting sidebar width with mouse: t.proto…

Did you follow the troubleshooting guide? [Y/N]

Yes

Expected result

The user should expect to be able to modify this behavior using a css snippet that changes min-width of the sidebar.

Actual result

CSS min-width is not respected. This has little effect:

.workspace-split.mod-left-split, .workspace-split.mod-right-split {
    min-width: 100px !important;
}

It simply adds a bump in the animation of collapsing the sidebar.

Environment

SYSTEM INFO:
	Obsidian version: v1.6.6
	Installer version: v1.4.16
	Operating system: Darwin Kernel Version 23.5.0: Wed May  1 20:16:51 PDT 2024; root:xnu-10063.121.3~5/RELEASE_ARM64_T8103 23.5.0
	Login status: logged in
	Catalyst license: supporter
	Insider build toggle: on
	Live preview: on
	Base theme: adapt to system
	Community theme: none
	Snippets enabled: 1
	Restricted mode: off
	Plugins installed: 16
	Plugins enabled: 0

---

Additional information

A gif of the sidebar failing to resize even with snippet. It is slowed down so you can see the resize stop momentarily at 100px when the mouse is 50px from the edge. Even if the user unclicks, the size reverts to 0px after a moment.

While there is already discussion of this in the Custom CSS & Theme Design section of the forum, and there is even a plugin that provides keyboard-only work around, this deserves a bug report because app.js should not determine min-width of an element, .css should

[WhiteNoise]

I don’t consider this a bug, as this is the intended behavior right now. I am gonna merge you post in that thread. Thanks!