revert

Author: trueadm

packages/svelte/src/internal/client/transitions.js

@@ -369,9 +369,6 @@ function create_transition(dom, init, direction, effect) {
 		},
 		// out
 		o() {
-			// @ts-ignore
-			const has_keyed_transition = dom.__animate;
-
 			const needs_reverse = direction === 'both' && curr_direction !== 'out';
 			curr_direction = 'out';
 			if (animation === null || cancelled) {
@@ -388,28 +385,6 @@ function create_transition(dom, init, direction, effect) {
 					/** @type {Animation | TickAnimation} */ (animation).play();
 				}
 			}
-			// If we're outroing an element that has an animation, then we need to fix
-			// its position to ensure it behaves nicely without causing layout shift.
-			if (has_keyed_transition) {
-				const style = getComputedStyle(dom);
-				const position = style.position;
-
-				if (position !== 'absolute' && position !== 'fixed') {
-					const { width, height } = style;
-					const a = dom.getBoundingClientRect();
-					dom.style.position = 'absolute';
-					dom.style.width = width;
-					dom.style.height = height;
-					const b = dom.getBoundingClientRect();
-					if (a.left !== b.left || a.top !== b.top) {
-						const style = getComputedStyle(dom);
-						const transform = style.transform === 'none' ? '' : style.transform;
-						dom.style.transform = `${transform} translate(${a.left - b.left}px, ${
-							a.top - b.top
-						}px)`;
-					}
-				}
-			}
 		},
 		// cancel
 		c() {
@@ -457,16 +432,10 @@ function is_transition_block(block) {
 export function bind_transition(dom, get_transition_fn, props_fn, direction, global) {
 	const transition_effect = /** @type {import('./types.js').EffectSignal} */ (current_effect);
 	const block = current_block;
-	const is_keyed_transition = direction === 'key';
 
 	let can_show_intro_on_mount = true;
 	let can_apply_lazy_transitions = false;
 
-	if (is_keyed_transition) {
-		// @ts-ignore
-		dom.__animate = true;
-	}
-
 	/** @type {import('./types.js').Block | null} */
 	let transition_block = block;
 	while (transition_block !== null) {
@@ -510,7 +479,7 @@ export function bind_transition(dom, get_transition_fn, props_fn, direction, glo
 		const init = (from) =>
 			untrack(() => {
 				const props = props_fn === null ? {} : props_fn();
-				return is_keyed_transition
+				return direction === 'key'
 					? /** @type {import('./types.js').AnimateFn<any>} */ (transition_fn)(
 							dom,
 							{ from: /** @type {DOMRect} */ (from), to: dom.getBoundingClientRect() },