I installed the module using composer, and I added the library info to my theme's info.yml file. I created a Calendar view with a rewritten field as described at https://www.drupal.org/docs/contributed-modules/tooltip/how-to-display-a... → , but the tooltip "link" doesn't work and the output looks like this:
<div class="views-field views-field-title-2"><span class="field-content"><div data-tooltip="{"content":"<div>
<article role=\"article\" class=\"contextual-region node node--type-event node--view-mode-default clearfix\">
<header>
<h2 class=\"node__title\">
<a href=\"/mysite/public_html/test-event-single-day-smart-event-2\" rel=\"bookmark\"><span class=\"field field--name-title field--type-string field--label-hidden\">Test Event, Single Day (Smart Event 2)</span>
</a>
</h2>
<div data-contextual-id=\"node:node=110:changed=1692043536&amp;langcode=en\" data-contextual-token=\"rYDEEG6Uftyr9Pn138BwtqU0VIjul1mbBj2RRuyQfKY\"></div>
</header>
<div class=\"node__content clearfix\">
<div class=\"field field--name-field-smart-date field--type-smartdate field--label-above\">
<div class=\"field__label\">Smart Date</div>
<div class='field__items'>
<div class=\"field__item\"><time datetime=\"2023-08-23T07:27:00-05:00\" class=\"datetime\">Wed, Aug 23 2023, 7:27</time>
- <time datetime=\"2023-08-23T08:27:00-05:00\" class=\"datetime\">8:27am</time>
</div>
</div>
</div>
<div class=\"field field--name-field-event-category field--type-entity-reference field--label-inline\">
<div class=\"field__label\">Event Category</div>
<div class=\"field__item\">Lighthouse</div>
</div>
<div class=\"clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</article>
</div>","placement":"top"}" data-once="tooltip" tabindex="0" aria-describedby="1692055964150-53" data-popper-placement="top">Test Event, Single Day (Smart Event 2)</div></span></div>The tooltip link does show a question mark when hovered, and it has the dotted underline effect, but that's it. Nothing opens when clicked.
Perhaps the issue is with the """ elements in the code? They look like normal quotation marks in the code I copied from https://www.drupal.org/docs/contributed-modules/tooltip/how-to-display-a... →
How can I fix this issue?
Thanks!
Active
1.1
Documentation
@hockey2112, did you ever find a workaround for this. I'm experiencing the exact same behavior when trying to implement this on 10.3
No, I don't believe I did. Pretty sure I just used colorbox inline instead.