Patch a bizarre browser quirk of leaky elements (???) in the packet list

This commit is contained in:
Jack Kingsman
2026-03-08 18:45:07 -07:00
parent 77523c1b15
commit b14e99ff24
3 changed files with 10 additions and 7 deletions
+5 -2
View File
@@ -202,14 +202,17 @@ export function RawPacketList({ packets }: RawPacketListProps) {
if (packets.length === 0) {
return (
<div className="h-full overflow-y-auto p-5 text-center text-muted-foreground">
<div className="h-full overflow-y-auto p-5 text-center text-muted-foreground [contain:layout_paint]">
No packets received yet. Packets will appear here in real-time.
</div>
);
}
return (
<div className="h-full overflow-y-auto p-4 flex flex-col gap-2" ref={listRef}>
<div
className="h-full overflow-y-auto p-4 flex flex-col gap-2 [contain:layout_paint]"
ref={listRef}
>
{sortedPackets.map(({ packet, decoded }) => (
<div
key={getRawPacketObservationKey(packet)}
+2 -2
View File
@@ -625,7 +625,7 @@ export function Sidebar({
return (
<nav
className="sidebar w-60 h-full min-h-0 bg-card border-r border-border flex flex-col"
className="sidebar w-60 h-full min-h-0 overflow-hidden bg-card border-r border-border flex flex-col"
aria-label="Conversations"
>
{/* Header */}
@@ -668,7 +668,7 @@ export function Sidebar({
</div>
{/* List */}
<div className="flex-1 overflow-y-auto">
<div className="flex-1 min-h-0 overflow-y-auto [contain:layout_paint]">
{/* Tools */}
{toolRows.length > 0 && (
<>