react-custom-tours
Version:
A library with tips that you can attach to blocks on your sites so that users can more easily understand how to use your site
15 lines (14 loc) • 1 kB
TypeScript
import { CSSProperties } from 'react';
/**
* Есть ли нативный CSS Anchor Positioning (anchor()/anchor-size()).
* Нет на iOS Safari < 18.2 и Firefox < 132 — там подсветка позиционируется
* JS-фолбэком (см. anchorFallbackStyle). typeof-guard — для SSR (Next и т.п.).
*/
export declare const hasNativeAnchor: () => boolean;
/**
* Инлайновая геометрия коробки подсветки для движков без anchor(): кладёт её на
* rect цели (+паддинг), перебивая невалидные CSS-декларации anchor(). rect уже
* трекается в TipsActiveLayout на scroll/resize — фолбэк ничего не подписывает.
* transition убираем, иначе коробка лагает за скроллом (в т.ч. smooth scrollIntoView).
*/
export declare const anchorFallbackStyle: (rect: DOMRect, padding: number) => CSSProperties;