Wrapped long tag text on small screens
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3517434. --> Reported by: [marksmith](https://www.drupal.org/user/1887334) Related to !143 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Since Tagify offers some nice features like reordering by drag and drop, I would like to extend its use beyond tagging texts to using it a default widget for (content) entity reference fields. </p> <p>Referenced content entities can have longer texts that are pre-wrapped in the CSS by the<code> .tagify__tag&gt;div&gt;*</code> rule. This does not look nice in a form on small screens, as shown in the picture below.</p> <p><img src="https://www.drupal.org/files/issues/2025-04-04/TagifyOnMobile.JPG" alt="Tagify on mobile screen"></p> <p>Question: could we abandon the "white-space: pre-wrap;" setting (at least on small screen devices)?<br> Some other CSS tweaks may also be necessary in this case (like restyling the remove button).</p>
issue