WEBDEV-7740 Ensure tile hover panes are correctly positioned & skip showing if disconnected (#478)

* Include scroll distance in popover positioning

* Only call showPopover if element is still connected to DOM

Author: latonv

src/tiles/hover/hover-pane-controller.ts

@@ -306,6 +306,9 @@ export class HoverPaneController implements HoverPaneControllerInterface {
       }
     }
 
+    left += window.scrollX;
+    top += window.scrollY;
+
     return { left, top };
   }
 
@@ -465,6 +468,10 @@ export class HoverPaneController implements HoverPaneControllerInterface {
     // Wait for the state update to render the hover pane
     await this.host.updateComplete;
 
+    // Ensure the hover pane element is still in the document before showing,
+    // as it might have been removed by the previous update.
+    if (!this.hoverPane?.isConnected) return;
+
     this.hoverPane?.showPopover?.();
     await new Promise(resolve => {
       // Pane sizes aren't accurate until next frame