Add Max-Width to AI Tooltip (#3576702) · Issues · project / ai

Add Max-Width to AI Tooltip

>>> [!note] Migrated issue   Reported by: [bbruno](https://www.drupal.org/user/3691195) Related to !1267 >>> [Tracker] Update Summary: [One-line status update for stakeholders] Short Description: [One-line issue summary for stakeholders] Check-in Date: MM/DD/YYYY Metadata is used by the <a href="https://www.drupalstarforge.ai/" title="AI Tracker">AI Tracker.</a> Docs and additional fields <a href="https://www.drupalstarforge.ai/ai-dashboard/docs" title="AI Issue Tracker Documentation">here</a>. [/Tracker] <h3 id="summary-problem-motivation">Problem/Motivation</h3> We introduced a tooltip in <a href="https://www.drupal.org/project/ai/issues/3569770">https://www.drupal.org/project/ai/issues/3569770</a>. Although functionality works as expected, we did not test cases where the content would be very long - currently having a few sentences of text causes an ultra wide tooltip that reaches the end of the screen. <img src="https://www.drupal.org/files/issues/2026-03-03/long-tooltip.png" width="500" alt="Ui interface"> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> Use the `data-ai-tooltip="Lorem Ipsum"` attribute on any element to turn it into a tooltip, replace "Lorem Ipsum" with some long text and observe the width of the tooltip. <h3 id="summary-proposed-resolution">Proposed resolution</h3> Add a max-width to the .ai-tooltip popup [ ] AI Assisted Issue This issue was generated with AI assistance, but was reviewed and refined by the creator. [ ] AI Assisted Code This code was mainly generated by a human, with AI autocompleting or parts AI generated, but under full human supervision. [ ] AI Generated Code This code was mainly generated by an AI with human guidance, and reviewed, tested, and refined by a human. [ ] Vibe Coded This code was generated by an AI and has only been functionally tested.

issue