Fix Query ID tooltip position in Web UI

yangbin09 · tdcmeehan · commit 754791a9b7b4 · 2025-08-19T06:43:08.000-04:00
Added Bootstrap tooltip initialization in QueryList component's componentDidMount method to ensure tooltips display at correct position instead of top-left corner. Fixes prestodb#24727
diff --git a/presto-ui/src/components/QueryList.jsx b/presto-ui/src/components/QueryList.jsx
@@ -511,6 +511,7 @@ export class QueryList extends React.Component {
 
     componentDidMount() {
         this.refreshLoop();
+        $('[data-bs-toggle="tooltip"]')?.tooltip?.();
     }
 
     handleSearchStringChange(event) {

Original file line number	Diff line number	Diff line change
`@@ -511,6 +511,7 @@ export class QueryList extends React.Component {`
`511`	`511`
`512`	`512`	`componentDidMount() {`
`513`	`513`	`this.refreshLoop();`
	`514`	`+ $('[data-bs-toggle="tooltip"]')?.tooltip?.();`
`514`	`515`	`}`
`515`	`516`
`516`	`517`	`handleSearchStringChange(event) {`