Unbreak URL preview for formatted links with tooltips

Fixes: element-hq/element-web#22764
Signed-off-by: Johannes Marbach <johannesm@element.io>

src/BasePlatform.ts

@@ -236,7 +236,7 @@ export default abstract class BasePlatform {
      * @returns {boolean} whether the platform requires URL previews in tooltips
      */
     public needsUrlTooltips(): boolean {
-        return false;
+        return true;
     }
 
     /**

src/components/views/messages/TextualBody.tsx

@@ -93,9 +93,14 @@ export default class TextualBody extends React.Component<IBodyProps, IState> {
         // we should be pillify them here by doing the linkifying BEFORE the pillifying.
         pillifyLinks([this.contentRef.current], this.props.mxEvent, this.pills);
         HtmlUtils.linkifyElement(this.contentRef.current);
-        tooltipifyLinks([this.contentRef.current], this.pills, this.tooltips);
+
         this.calculateUrlPreview();
 
+        // tooltipifyLinks AFTER calculateUrlPreview because the DOM inside the tooltip
+        // container is empty before the internal component has mounted so calculateUrlPreview
+        // won't find any anchors
+        tooltipifyLinks([this.contentRef.current], this.pills, this.tooltips);
+
         if (this.props.mxEvent.getContent().format === "org.matrix.custom.html") {
             // Handle expansion and add buttons
             const pres = (ReactDOM.findDOMNode(this) as Element).getElementsByTagName("pre");