<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/cacf63e155ac462885ea98fa0f31af49&quot; frameborder=&quot;0&quot; width=&quot;1670&quot; height=&quot;1252&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1252</height><width>1670</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1252</thumbnail_height><thumbnail_width>1670</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/cacf63e155ac462885ea98fa0f31af49-8c166decfbd968c7.gif</thumbnail_url><duration>96.519</duration><title>Optimizing Tag Rendering for Better User Experience 🎨</title><description>In this video, I discuss the challenges we&apos;re facing with rendering the createNodeButton correctly when tags are split across two lines or at the end of a sentence. I explain how I calculated the bounding rectangle of the tag element and factored in the mouse position to ensure the button appears in the correct row. This adjustment allows us to accurately recognize where the button should be rendered, even with different HTML elements involved. I encourage everyone to review this implementation and provide feedback on its effectiveness.</description></oembed>