From df05101e9349923401c68905559544df836e3ac0 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Wed, 24 Dec 2025 10:52:36 +0200 Subject: [PATCH] fix(inline_title): prevent flicker when updating tooltip --- apps/client/src/widgets/layout/InlineTitle.tsx | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/apps/client/src/widgets/layout/InlineTitle.tsx b/apps/client/src/widgets/layout/InlineTitle.tsx index 42df13bc3..ce44681e6 100644 --- a/apps/client/src/widgets/layout/InlineTitle.tsx +++ b/apps/client/src/widgets/layout/InlineTitle.tsx @@ -1,9 +1,10 @@ import "./InlineTitle.css"; import { NoteType } from "@triliumnext/commons"; +import { Tooltip } from "bootstrap"; import clsx from "clsx"; import { ComponentChild } from "preact"; -import { useLayoutEffect, useRef, useState } from "preact/hooks"; +import { useLayoutEffect, useMemo, useRef, useState } from "preact/hooks"; import { Trans } from "react-i18next"; import { ViewScope } from "../../services/link"; @@ -108,11 +109,13 @@ function TextWithValue({ i18nKey, value, valueTooltip }: { valueTooltip: string; }) { const listItemRef = useRef(null); - useStaticTooltip(listItemRef, { + const tooltipConfig: Partial = useMemo(() => ({ selector: "span.value", title: valueTooltip, - popperConfig: { placement: "bottom" } - }); + popperConfig: { placement: "bottom" }, + animation: false + }), [ valueTooltip ]); + useStaticTooltip(listItemRef, tooltipConfig); return (