@botiverse/raft-ui 0.78.0 → 0.79.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
## [0.79.0](https://github.com/botiverse/raft-design/compare/v0.78.0...v0.79.0) (2026-11-09)
|
|
2
|
+
|
|
3
|
+
### Changed
|
|
4
|
+
|
|
5
|
+
- **A sidebar row out of view isn't laid out or painted**: `SidebarItem` sets `content-visibility: auto`, with one line (`1lh`) as its content height until it has been laid out (the last laid-out height after that, for a row that wraps) and a 2px `overflow-clip-margin`.
|
|
6
|
+
- Why: a server with hundreds of channels relaid every row whenever the window's width changed, about 115ms per relayout at 300 channels (InNOut, #proj-frontend:57f32c96). On a 300-row sidebar, a width sweep's layout time drops from 95–122ms to 29–33ms (70 width changes, 3 runs each).
|
|
7
|
+
- Affects: nothing visible. The selected row's outer sticker edge, which reaches 1.5px past the row, still paints. A browser without `overflow-clip-margin` keeps laying every row out. Something an app draws past a row's box by more than 2px gets clipped.
|
|
8
|
+
- Docs: https://raft-design.botiverse.build/components/sidebar/#behavior
|
|
9
|
+
|
|
1
10
|
## [0.78.0](https://github.com/botiverse/raft-design/compare/v0.77.1...v0.78.0) (2026-11-08)
|
|
2
11
|
|
|
3
12
|
### Changed
|
|
@@ -7,7 +7,9 @@ const sidebarItemRecipe = tv({
|
|
|
7
7
|
"group/sidebar-item flex w-full items-center text-left",
|
|
8
8
|
listCell,
|
|
9
9
|
"h-(--row-height) gap-2 rounded-none border-0 py-0",
|
|
10
|
-
"
|
|
10
|
+
"supports-[overflow-clip-margin:2px]:[content-visibility:auto] [overflow-clip-margin:2px]",
|
|
11
|
+
"[contain-intrinsic-block-size:auto_1lh]",
|
|
12
|
+
"md:pointer-fine:*:data-[slot=avatar]:mr-[-3px]",
|
|
11
13
|
"md:py-0 md:[@media(max-height:600px)]:py-0",
|
|
12
14
|
"max-md:h-auto max-md:min-h-11 max-md:py-2.5",
|
|
13
15
|
"font-sans text-subhead font-medium text-foreground",
|