[1.x] fix(tooltip): resolve native tooltip flash, async teardown leaks, and dynamic text (#4675)

* fix(tooltip): resolve native tooltip flash, async teardown leaks, and dynamic text
This overhauls the Tooltip component to handle dynamic updates properly:
- Initializes tooltip via options `title` instead of `data-original-title`
  attribute, removing the native browser tooltip fallback flash.
- Updates `.tooltip-inner` in-place when text dynamically changes to
  avoid race conditions with asynchronous teardown.
- Calls `tooltip.show()` after text updates to force recalculation of
  absolute coordinates, preventing vertical misalignment.
- Strips `.fade` class immediately during DOM changes to enforce
  synchronous cleanup and prevent stranded tooltips.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* fix(admin): blur visibility toggle after click to dismiss tooltip
After toggling announcement visibility, the button retains browser
focus, which keeps the tooltip visible even after the cursor moves
away. Call blur() to release focus and allow the tooltip to dismiss
naturally on mouse-out.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* Revert "fix(admin): blur visibility toggle after click to dismiss tooltip"

This reverts commit 0cf01e7.

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: huoxin233

framework/core/js/src/common/components/Tooltip.tsx

@@ -104,6 +104,7 @@ export default class Tooltip extends Component<TooltipAttrs> {
   private oldVisibility: boolean | undefined;
 
   private shouldRecreateTooltip: boolean = false;
+  private shouldUpdateText: boolean = false;
   private shouldChangeTooltipVisibility: boolean = false;
 
   view(vnode: Mithril.Vnode<TooltipAttrs, this>) {
@@ -124,10 +125,10 @@ export default class Tooltip extends Component<TooltipAttrs> {
 
     const realText = this.getRealText();
 
-    // We need to recreate the tooltip if the text has changed
+    // We need to update the tooltip text if it has changed
     if (realText !== this.oldText) {
       this.oldText = realText;
-      this.shouldRecreateTooltip = true;
+      this.shouldUpdateText = true;
     }
 
     if (tooltipVisible !== this.oldVisibility) {
@@ -182,10 +183,20 @@ export default class Tooltip extends Component<TooltipAttrs> {
 
     this.checkDomNodeChanged();
     this.recreateTooltip();
+
+    if (this.shouldUpdateText) {
+      this.updateText();
+      this.shouldUpdateText = false;
+    }
   }
 
   private recreateTooltip() {
     if (this.shouldRecreateTooltip && this.childDomNode !== null) {
+      const tooltip = $(this.childDomNode).data('bs.tooltip');
+      if (tooltip && tooltip.$tip) {
+        tooltip.$tip.removeClass('fade');
+      }
+
       $(this.childDomNode).tooltip(
         'destroy',
         // @ts-expect-error We don't want this arg to be part of the public API. It only exists to prevent deprecation warnings when using `$.tooltip` in this component.
@@ -201,6 +212,20 @@ export default class Tooltip extends Component<TooltipAttrs> {
     }
   }
 
+  private updateText() {
+    if (this.childDomNode === null) return;
+
+    const realText = this.getRealText();
+    this.childDomNode.setAttribute('data-original-title', realText);
+    this.childDomNode.setAttribute('aria-label', realText);
+
+    const tooltip = $(this.childDomNode).data('bs.tooltip');
+    if (tooltip && tooltip.$tip && tooltip.$tip.hasClass('in')) {
+      tooltip.$tip.find('.tooltip-inner')[this.attrs.html ? 'html' : 'text'](realText);
+      tooltip.show();
+    }
+  }
+
   private updateVisibility() {
     if (this.childDomNode === null) return;
 
@@ -236,12 +261,13 @@ export default class Tooltip extends Component<TooltipAttrs> {
     const trigger = typeof tooltipVisible === 'boolean' ? 'manual' : classList('hover', [showOnFocus && 'focus']);
 
     const realText = this.getRealText();
-    this.childDomNode.setAttribute('title', realText);
     this.childDomNode.setAttribute('aria-label', realText);
+    this.childDomNode.removeAttribute('title');
 
     // https://getbootstrap.com/docs/3.3/javascript/#tooltips-options
     $(this.childDomNode).tooltip(
       {
+        title: realText,
         html,
         delay,
         placement: position,
@@ -268,6 +294,17 @@ export default class Tooltip extends Component<TooltipAttrs> {
     const domNode = (this.firstChild as Mithril.VnodeDOM<any, any>).dom as HTMLElement;
 
     if (domNode && !domNode.isSameNode(this.childDomNode)) {
+      if (this.childDomNode) {
+        const tooltip = $(this.childDomNode).data('bs.tooltip');
+        if (tooltip && tooltip.$tip) {
+          tooltip.$tip.removeClass('fade');
+        }
+        $(this.childDomNode).tooltip(
+          'destroy',
+          // @ts-expect-error We don't want this arg to be part of the public API. It only exists to prevent deprecation warnings when using `$.tooltip` in this component.
+          'DANGEROUS_tooltip_jquery_fn_deprecation_exempt'
+        );
+      }
       this.childDomNode = domNode;
       this.shouldRecreateTooltip = true;
     }