fix(ui): ensure comment popover appears above other comment icons

2026-01-24 23:08:54 +00:00
parent 8714b1a3ac
commit 93e948ae12
2 changed files with 5 additions and 0 deletions
--- a/packages/ui/src/components/line-comment.css
+++ b/packages/ui/src/components/line-comment.css
@@ -4,6 +4,10 @@
  z-index: var(--line-comment-z, 30);
 }

+[data-component="line-comment"][data-open] {
+  z-index: var(--line-comment-open-z, 100);
+}
+
 [data-component="line-comment"] [data-slot="line-comment-button"] {
  width: 20px;
  height: 20px;
--- a/packages/ui/src/components/line-comment.tsx
+++ b/packages/ui/src/components/line-comment.tsx
@@ -25,6 +25,7 @@ export const LineCommentAnchor = (props: LineCommentAnchorProps) => {
      data-component="line-comment"
      data-variant={variant()}
      data-comment-id={props.id}
+      data-open={props.open ? "" : undefined}
      classList={{
        [props.class ?? ""]: !!props.class,
      }}