diff options
Diffstat (limited to 'packages/web')
| -rw-r--r-- | packages/web/package.json | 1 | ||||
| -rw-r--r-- | packages/web/src/components/share/common.tsx | 13 |
2 files changed, 5 insertions, 9 deletions
diff --git a/packages/web/package.json b/packages/web/package.json index ef0d8aa6c..60082740b 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -18,6 +18,7 @@ "@astrojs/starlight": "0.34.3", "@fontsource/ibm-plex-mono": "5.2.5", "@shikijs/transformers": "3.20.0", + "@solid-primitives/resize-observer": "2.1.5", "@types/luxon": "catalog:", "ai": "catalog:", "astro": "5.7.13", diff --git a/packages/web/src/components/share/common.tsx b/packages/web/src/components/share/common.tsx index aebc95537..ad50e425f 100644 --- a/packages/web/src/components/share/common.tsx +++ b/packages/web/src/components/share/common.tsx @@ -1,5 +1,6 @@ -import { createContext, createSignal, onCleanup, splitProps, useContext } from "solid-js" +import { createContext, createSignal, splitProps, useContext } from "solid-js" import type { JSX } from "solid-js/jsx-runtime" +import { makeResizeObserver } from "@solid-primitives/resize-observer" import { IconCheckCircle, IconHashtag } from "../icons" export type ShareMessages = { locale: string } & Record<string, string> @@ -87,16 +88,10 @@ export function createOverflow() { setOverflow(el.scrollHeight > el.clientHeight + 1) } - const ro = new ResizeObserver(() => { - sync() - }) + const obs = makeResizeObserver(sync) + obs.observe(el) sync() - ro.observe(el) - - onCleanup(() => { - ro.disconnect() - }) }, } } |