p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use window.getComputedStyle if element.computedStyleMap is not defined

Browse Source
This commit is contained in:
p-sw 2024-05-26 19:33:53 +09:00
parent 5b87eda4d6
commit de9b27b1c9
1 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/react/components/Toast.tsx
View File

@ -188,12 +188,34 @@ const ToastTemplate = ({
return () => clearTimeout(timeout);
}
if (toastData.life === "dead") {
const transitionDuration = ref.current
?.computedStyleMap()
?.get("transition-duration") as {
let transitionDuration: {
value: number;
unit: string;
};
} | null;
if (!ref.current) {
transitionDuration = null;
console.log("not found current");
} else if (ref.current.computedStyleMap !== undefined) {
transitionDuration = ref.current
.computedStyleMap()
.get("transition-duration") as { value: number; unit: string };
console.log(
`calculated transition duration via computedStyleMap ${transitionDuration}`
);
} else {
const style = /(\d+(\.\d+)?)(.+)/.exec(
window.getComputedStyle(ref.current).transitionDuration
);
transitionDuration = style
? {
value: parseFloat(style[1] ?? "0"),
unit: style[3] ?? style[2] ?? "s",
}
: null;
console.log(
`calculated transition duration via getComputedStyle ${JSON.stringify(transitionDuration)}`
);
}
if (!transitionDuration) {
delete toasts[id];
notify();