Unbreak URL preview for formatted links with tooltips (#9022)

* Unbreak URL preview for formatted links with tooltips Fixes: element-hq/element-web#22764 Signed-off-by: Johannes Marbach <[email protected]> * Flip back the flag default value 🤦
matrix-org · Jul 8, 2022 · cc64e8e · cc64e8e
1 parent 4fb1196
commit cc64e8e
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/views/messages/TextualBody.tsx b/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");