fix: entry title can selectable, fixed RSSNext#1428

Signed-off-by: Innei <tukon479@gmail.com>
PrinOrange · Nov 6, 2024 · 6320c00 · 6320c00
1 parent 4073632
commit 6320c00
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/apps/renderer/src/components/ui/markdown/renderers/MarkdownLink.tsx b/apps/renderer/src/components/ui/markdown/renderers/MarkdownLink.tsx
@@ -32,6 +32,7 @@ export const MarkdownLink = (props: LinkProps) => {
     <Tooltip delayDuration={0}>
       <TooltipTrigger asChild>
         <a
+          draggable="false"
           className="follow-link--underline font-semibold text-foreground no-underline"
           href={populatedFullHref}
           title={props.title}

diff --git a/apps/renderer/src/modules/entry-content/components/EntryTitle.tsx b/apps/renderer/src/modules/entry-content/components/EntryTitle.tsx
@@ -77,13 +77,20 @@ export const EntryTitle = ({ entryId, compact }: EntryLinkProps) => {
     <a
       href={populatedFullHref || void 0}
       target="_blank"
+      draggable="false"
       className="-mx-6 block cursor-button rounded-lg p-6 transition-colors hover:bg-theme-item-hover focus-visible:bg-theme-item-hover focus-visible:!outline-none @sm:-mx-3 @sm:p-3"
       rel="noreferrer"
+      onClick={(e) => {
+        if (window.getSelection()?.toString()) {
+          e.preventDefault()
+        }
+      }}
     >
       <div className={cn("select-text break-words font-bold", compact ? "text-2xl" : "text-3xl")}>
         <EntryTranslation
           source={entry.entries.title}
           target={translation.data?.title}
+          className="select-text"
           useOverlay
         />
       </div>