You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Адаптивный тултип на основе Popover API, CSS Anchor Positioning и interesttarget
Новый атрибут interesttarget позволяет показывать, при наведении на кнопку, тултип из примера adaptive-popover-and-css-anchor-positioning без использования JS. Чтобы это реализовать прописывается атрибут interesttarget с id тултипа в кнопку.
🚧 Данное поведение пока работает только в Chrome Canary
Кнопке добавляется новый атрибут interesttarget с указанием id-шника тултипа который позволяет показывать тултип при наведении без использования JS <button class="button tooltip-anchor" id="tooltip-anchor" interesttarget="tooltip" aria-describedby="tooltip" > ❤️ </button>
The text was updated successfully, but these errors were encountered:
Улучшение для рецепта про тултип https://doka.guide/recipes/tooltip/
Пример использования связки Popover API, CSS Anchor Positioning и interesttarget в обновлённом примере из рецепта Withinteresttarget.txt
Адаптивный тултип на основе Popover API, CSS Anchor Positioning и interesttarget
Новый атрибут interesttarget позволяет показывать, при наведении на кнопку, тултип из примера adaptive-popover-and-css-anchor-positioning без использования JS. Чтобы это реализовать прописывается атрибут interesttarget с id тултипа в кнопку.
🚧 Данное поведение пока работает только в Chrome Canary
Кнопке добавляется новый атрибут interesttarget с указанием id-шника тултипа который позволяет показывать тултип при наведении без использования JS
<button class="button tooltip-anchor" id="tooltip-anchor" interesttarget="tooltip" aria-describedby="tooltip" > ❤️ </button>
The text was updated successfully, but these errors were encountered: