https://www.german-design-council.de/_assets/a8ef29be41808f448e054…/JavaScript/Ckeditor/abbr.js?1790830240

1(function () {
2  "use strict";
3
4  // Takes care of abbr tags with tooltips, set in TYPO3 backend
5  // It does not actually show a tootip, this is done else where
6
7  // On touch devices, touching outside the abbr element will close the tooltip
8  window.addEventListener('touchstart', function (event) {
9    if (document.activeElement.tagName.toLowerCase() === 'abbr') {
10      document.activeElement.blur();
11    }
12  });
13  function keydown(event) {
14    if (event.key === "Escape") {
15      document.activeElement.blur();
16    }
17  }
18  let abbrs = document.querySelectorAll("abbr");
19  for (let i = 0; i < abbrs.length; i++) {
20    let abbr = abbrs[i];
21    if (abbr.dataset.tooltip) {
22      // take care of abbr elements of EXT:ckeditor5-abbreviation
23      abbr.dataset.title = abbr.dataset.tooltip;
24      abbr.removeAttribute('data-tooltip');
25    } else {
26      // take care of legacy abbr elements < TYPO3 v13
27      abbr.dataset.title = abbr.title;
28      abbr.removeAttribute('title');
29    }
30    abbr.setAttribute('tabindex', '0');
31    abbr.addEventListener('touchstart', function () { this.focus(); });
32    abbr.addEventListener('keydown', keydown);
33  }
34})();