salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): portal timeline preview tooltip

Browse Source
This commit is contained in:
Shantur Rathore
2026-04-11 19:53:25 +01:00
parent 8505a43b16
commit bc130ceb5b
1 changed files with 21 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/ui/src/components/message-timeline.tsx
View File

@@ -1,4 +1,5 @@
import { For, Show, createEffect, createMemo, createSignal, onCleanup, on, untrack, type Component, type Accessor } from "solid-js" import { For, Show, createEffect, createMemo, createSignal, onCleanup, on, untrack, type Component, type Accessor } from "solid-js"
import { Portal } from "solid-js/web"
import MessagePreview from "./message-preview" import MessagePreview from "./message-preview"
import { messageStoreBus } from "../stores/message-v2/bus" import { messageStoreBus } from "../stores/message-v2/bus"
import type { ClientPart } from "../types/message" import type { ClientPart } from "../types/message"
@@ -838,6 +839,7 @@ const MessageTimeline: Component<MessageTimelineProps> = (props) => {
{(data) => { {(data) => {
onCleanup(() => setTooltipElement(null)) onCleanup(() => setTooltipElement(null))
return ( return (
<Portal>
<div <div
ref={(element) => setTooltipElement(element)} ref={(element) => setTooltipElement(element)}
class="message-timeline-tooltip" class="message-timeline-tooltip"
@@ -856,6 +858,7 @@ const MessageTimeline: Component<MessageTimelineProps> = (props) => {
selectedMessageIds={props.selectedMessageIds} selectedMessageIds={props.selectedMessageIds}
/> />
</div> </div>
</Portal>
) )
}} }}
</Show> </Show>