Fix entered styles on Transitions

Broke this when I started manually managing classes.
This commit is contained in:
Ryan Gossiaux
2021-12-18 15:35:53 -08:00
parent ea87a75d35
commit 2d6bd4658e
2 changed files with 6 additions and 10 deletions

View File

@@ -83,8 +83,6 @@
let enterFromClasses = splitClasses(enterFrom);
let enterToClasses = splitClasses(enterTo);
let enteredClasses = splitClasses(entered);
let leaveClasses = splitClasses(leave);
let leaveFromClasses = splitClasses(leaveFrom);
let leaveToClasses = splitClasses(leaveTo);
@@ -111,7 +109,6 @@
enterClasses,
enterFromClasses,
enterToClasses,
enteredClasses,
(reason) => {
isTransitioning = false;
if (reason === Reason.Finished) dispatch("afterEnter");
@@ -122,7 +119,6 @@
leaveClasses,
leaveFromClasses,
leaveToClasses,
enteredClasses,
(reason) => {
isTransitioning = false;
@@ -166,7 +162,9 @@
// This is not in the base headless UI library, but is needed to prevent re-renders during the transition
// from blowing away the transition classes
$: classes = isTransitioning ? container?.className : $$props.class;
$: classes = isTransitioning
? container?.className
: `${$$props.class} ${entered}`;
</script>
<div bind:this={container} {...$$restProps} class={classes}>