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 (