fix(transition): handle possible auto value for transition/animation durations

yyx990803 · yyx990803 · commit 96c76facb7de · 2023-06-14T12:12:22.000+08:00
close #8409
diff --git a/packages/runtime-dom/src/components/Transition.ts b/packages/runtime-dom/src/components/Transition.ts
@@ -445,6 +445,8 @@ function getTimeout(delays: string[], durations: string[]): number {
 // If comma is not replaced with a dot, the input will be rounded down
 // (i.e. acting as a floor function) causing unexpected behaviors
 function toMs(s: string): number {
+  // #8409 default value for CSS durations can be 'auto'
+  if (s === 'auto') return 0
   return Number(s.slice(0, -1).replace(',', '.')) * 1000
 }
 

Original file line number	Diff line number	Diff line change
`@@ -445,6 +445,8 @@ function getTimeout(delays: string[], durations: string[]): number {`
`445`	`445`	`// If comma is not replaced with a dot, the input will be rounded down`
`446`	`446`	`// (i.e. acting as a floor function) causing unexpected behaviors`
`447`	`447`	`function toMs(s: string): number {`
	`448`	`+ // #8409 default value for CSS durations can be 'auto'`
	`449`	`+ if (s === 'auto') return 0`
`448`	`450`	`return Number(s.slice(0, -1).replace(',', '.')) * 1000`
`449`	`451`	`}`
`450`	`452`