The 2026 Drupal Business Survey is open. Your response will help shape the future of the Drupal business ecosystem.The Tooltips at the add Element Dialog are to small or don't wrap like they do at other places.
I am not sure if this is specific to our code base or generic. Maybe someone could confirm?
| Comment | File | Size | Author |
|---|---|---|---|
| #12 | 3199646-12.patch | 546 bytes | jrockowitz |
| #10 | 3199646-10.patch | 721 bytes | jrockowitz |
| #9 | webform-whitespace-04.png | 95.44 KB | maxstarkenburg |
| tippy.jpg | 52.54 KB | macdev_drupal | |
| #9 | webform-whitespace-03.png | 38.7 KB | maxstarkenburg |
Comments
Comment #2
jrockowitz commentedComment #3
macdev_drupal commentedPatch #2 works for me.
That was quick :-)
Comment #5
jrockowitz commentedComment #7
maxstarkenburgHi. I'm still seeing this in 6.0.3 (apologies if protocol in such cases is to open a new ticket). I'm not seeing a
.tippy-tooltipselector when inspecting the markup in the browser (don't know if they recently changed it or something). I do see the following divs available for potentially applying thewhite-space: normalto though:[data-tippy-root],.tippy-box,.tippy-content. Thanks!Comment #8
jrockowitz commentedCan you provide a screenshot of your issue? What admin theme are you using?
Comment #9
maxstarkenburgSure. I'm using Seven for my admin theme. Here are some screenshots to hopefully help you see what I'm seeing.
Comment #10
jrockowitz commented@maxstarkenburg That helps a lot. The D8 and D9 versions of tippy is using different class names. The original patch on fixed D8.
Please review the attached patch for D9.
Comment #11
maxstarkenburgI did indeed fail to consider if D8 vs. D9 might be a factor, thanks for thinking about that (I'm indeed seeing this from D9). I tested the patch, but it doesn't resolve it. On the one hand, I think it includes what's perhaps a Freudian slip? Lol. On the other hand, even after changing "pooper" to the presumably intended "popper" (and also confirming there wasn't a caching issue with webform_ui.module.css), I'm still not seeing the problem resolved.
While I don't know the lay of the land in terms of what Drupal versions or webform versions are supposed to support which tippy.js versions, I seem to be loading
https://unpkg.com/tippy.js@6.2.6/dist/tippy-bundle.umd.min.js, but it seems that.tippy-popperis perhaps just a tippy 5 thing seemingly not used in tippy 6? Both tippy versions seem to use.tippy-contentthough, so wondering if you could maybe just use the original patch but with.tippy-contentwhere.tippy-tooltipis? (I'm seeing such a local change resolve the problem for me.)Comment #12
jrockowitz commentedI like your suggestion to target .tippy-content
Comment #14
jrockowitz commentedI committed the patch. Please download the latest dev release to review.
Comment #15
maxstarkenburgHi Jacob, I required the 6.x-dev version on my D9 development instance, and see the wrapping working fine there now, and for good measure, I also did the same on a development copy of a D8 site that uses webform (and confirmed it's loading tippy 5) and the wrapping looks good there too. Thanks!