Deep trees overflow the file explorer

Bug graveyard
1

Steps to reproduce

  1. Create a very deep tree of folders.
  2. Expand this tree.

Expected result

The file browser becomes scrollable to allow you to interact with the depths of the tree.

Actual result

The tree overflows off the right edge of the file browser without any ability to scroll to keep it in view.

Environment

  • Operating system: macOS, iOS
  • Debug info:
SYSTEM INFO:
	Obsidian version: v1.0.0
	Installer version: v1.0.0
	Operating system: Darwin Kernel Version 21.6.0: Mon Aug 22 20:20:05 PDT 2022; root:xnu-8020.140.49~2/RELEASE_ARM64_T8101 21.6.0
	Login status: logged in
	Catalyst license: vip
	Insider build toggle: off
	Live preview: on
	Legacy editor: off
	Base theme: dark
	Community theme: none
	Snippets enabled: 0
	Restricted mode: on

RECOMMENDATIONS:
	none

Additional information

image
image622×876 7.24 KB

2

This one is especially problematic on mobile as the file explorer can’t be changed in width beyond fullscreening it.

3

This is an intentional change by kepano. You are gonna need to change css to readd the bar.

5

CSS workaround

.nav-files-container {
  overflow-x: scroll;
}
.nav-file-title-content, .nav-folder-title-content {
  overflow: visible;
}
.nav-file-title, .nav-folder-title {
  min-width: 100%;
  width: max-content;
}