Подсказка заголовка SVG не отображается в текстовом элементе - PullRequest
Новая
       10

Подсказка заголовка SVG не отображается в текстовом элементе

0 голосов
/ 27 августа 2018

Мне нужно, чтобы всплывающая подсказка отображалась при наведении курсора на текстовый элемент SVG. Все, что я нахожу в сети, говорит о добавлении элемента Title в качестве первого дочернего элемента SVG. Он работает в Chrome, но не в Safari, который является основным браузером моей пользовательской базы.

Вот упрощенный пример, показывающий мою ситуацию. 



- это значок лампочки FontAwesome, который является элементом, который я хочу, чтобы пользователь наводил указатель мыши и отображал всплывающую подсказку. 

<svg ...><text><title>some text</title>&#xf0eb;</text></svg>

Идеи

1 Ответ

0 голосов
/ 10 апреля 2019

Я протестировал следующий фрагмент в Safari 12.1, и «всплывающая подсказка» показала, как и ожидалось. Возможно, вы тестируете более старую версию Safari или, возможно, вы используете плагин, который влияет на эту функцию? 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<svg width="50" height="50">
  <text x="10" y="20" class="fas">
    <title>some text</title>
    &#xf0eb;
  </text>
</svg>
...