From acd7e38e70d5786eb947dfcf11641a98169f4d28 Mon Sep 17 00:00:00 2001 From: kjj6198 Date: Mon, 27 Apr 2020 01:37:21 +0900 Subject: [PATCH] fixes #4712. (add new css property) --- src/runtime/transition/index.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/runtime/transition/index.ts b/src/runtime/transition/index.ts index 0a20c81b1f..777ef33fa8 100644 --- a/src/runtime/transition/index.ts +++ b/src/runtime/transition/index.ts @@ -128,7 +128,12 @@ export function slide(node: Element, { `margin-top: ${t * margin_top}px;` + `margin-bottom: ${t * margin_bottom}px;` + `border-top-width: ${t * border_top_width}px;` + - `border-bottom-width: ${t * border_bottom_width}px;` + `border-bottom-width: ${t * border_bottom_width}px;` + + // fixes #4712 + // Safari has bug that when element is transitioning, it'll ignore overflow: hidden property, + // adding this property seems to work. see https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b + // for more details. + `-webkit-mask-image: -webkit-radial-gradient(white, black);`, }; }