tiptap-markdown-react 0.7.1 → 0.7.3

package/README.md

@@ -149,9 +149,9 @@ const comments: CommentRef[] = [
 - **Popover**: `CommentPopover` (Radix) anchors to the clicked mark; content is
   host-owned (`renderComment`-style children).
 - **One-way hosts**: pass `commentInteractive={false}` and
-  `showCommentGutter={false}` to make editor-side clicks inert — highlights are
-  driven purely by `focusComment(id)` from a sidebar (mark style is border-only,
-  no background fill).
+  `showCommentGutter={false}` to make editor-side clicks inert — marks are
+  invisible by default and only the **active** comment (driven by
+  `focusComment(id)` from a sidebar) shows a yellow border + block outline.
 - **Guards**: paste / drop strips marks via `transformPasted`; anchor application
   is excluded from undo history.
 - **Segments**: `CommentSegment[]` (`{ blockHash?, prefix?, exact, suffix? }`).

package/dist/index.js

@@ -2075,8 +2075,8 @@ function scrollToTocHeading(headingId, scrollContainer, options) {
   };
   requestAnimationFrame(animate);
 }
-const popoverAnchor = "_popoverAnchor_1ceh7_57";
-const popoverContent = "_popoverContent_1ceh7_64";
+const popoverAnchor = "_popoverAnchor_1ymep_55";
+const popoverContent = "_popoverContent_1ymep_62";
 const styles = {
   popoverAnchor,
   popoverContent

package/dist/style.css

@@ -1053,24 +1053,22 @@
 /* 评论锚定样式（编辑会话专属，只读态不渲染）。
    全部走 :global + --tmr-* 变量，与库其它样式约定一致。 */
 
-/* 评论锚定：仅黄色边框，无背景填充（不打扰正文阅读）。 */
+/* 评论锚定默认无视觉样式：mark 只承载锚定位置，不打扰正文阅读。
+   只有 active 评论（侧栏点评论 → focusComment）才显示黄色边框 + block 外框。 */
 .tmr-comment {
+  cursor: default;
+  /* 关键：<mark> 有浏览器 UA 默认黄色背景（background-color: yellow），
+     必须显式透明，否则锚定 mark 会漏出默认底色。 */
+  background: transparent;
+}
+
+/* active：侧栏点评论后的强调态（黄色边框，无背景填充） */
+.tmr-comment.tmr-comment-active {
   border-radius: 3px;
   padding: 0 1px;
-  cursor: default;
   box-shadow: 0 0 0 1.5px var(--tmr-comment-ring, rgba(219, 171, 10, 0.75));
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
-  transition: box-shadow 0.12s ease;
-}
-
-.tmr-comment:hover {
-  box-shadow: 0 0 0 2px var(--tmr-comment-ring, rgba(219, 171, 10, 0.9));
-}
-
-/* active：侧栏点评论后的强调态（加粗边框，仍无背景） */
-.tmr-comment.tmr-comment-active {
-  box-shadow: 0 0 0 2.5px var(--tmr-comment-ring, rgba(191, 121, 0, 0.95));
 }
 
 /* active 评论所在 block 的外框 */
@@ -1106,14 +1104,14 @@
   background: var(--tmr-comment-gutter-bg-hover, #dd9f00);
 }
 
-._popoverAnchor_1ceh7_57 {
+._popoverAnchor_1ymep_55 {
   position: fixed;
   width: 0;
   height: 0;
   pointer-events: none;
 }
 
-._popoverContent_1ceh7_64 {
+._popoverContent_1ymep_62 {
   min-width: 320px;
   max-width: 420px;
   background: var(--tmr-popover-bg, #fff);
@@ -1128,6 +1126,6 @@
   outline: none;
 }
 
-._popoverContent_1ceh7_64 .tmr-popover-arrow {
+._popoverContent_1ymep_62 .tmr-popover-arrow {
   fill: var(--tmr-popover-bg, #fff);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiptap-markdown-react",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "A batteries-included, self-styled Markdown WYSIWYG editor and reader suite built on Tiptap v3. Markdown in/out, SSR/static rendering, table of contents, themeable via CSS variables, zero Ant Design.",
   "type": "module",
   "license": "MIT",