mirror of https://github.com/sveltejs/svelte
Revert "fix: skip derived re-evaluation inside inert effect blocks" (#17869)
Reverts sveltejs/svelte#17852, because it isn't a real fix https://github.com/sveltejs/svelte/pull/17868eager-bind-this-teardown
parent
aed36051fd
commit
7dc864d941
@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'svelte': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
fix: skip derived re-evaluation inside inert effect blocks
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
import { flushSync, tick } from 'svelte';
|
|
||||||
import { test } from '../../test';
|
|
||||||
|
|
||||||
export default test({
|
|
||||||
html: '<button>clear</button><div><p>hello</p></div>',
|
|
||||||
|
|
||||||
async test({ assert, target, raf, logs }) {
|
|
||||||
const [button] = target.querySelectorAll('button');
|
|
||||||
|
|
||||||
flushSync(() => button.click());
|
|
||||||
assert.deepEqual(logs, ['hello']);
|
|
||||||
|
|
||||||
// Let the transition finish and clean up
|
|
||||||
raf.tick(100);
|
|
||||||
|
|
||||||
assert.htmlEqual(target.innerHTML, '<button>clear</button>');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
<script>
|
|
||||||
let value = $state('hello');
|
|
||||||
|
|
||||||
function compute(v) {
|
|
||||||
console.log(v);
|
|
||||||
return { data: v, ready: true };
|
|
||||||
}
|
|
||||||
|
|
||||||
function fade(node) {
|
|
||||||
return {
|
|
||||||
duration: 100,
|
|
||||||
tick: (t) => {
|
|
||||||
node.style.opacity = String(t);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<button
|
|
||||||
onclick={() => {
|
|
||||||
value = undefined;
|
|
||||||
}}>clear</button
|
|
||||||
>
|
|
||||||
|
|
||||||
{#if value}
|
|
||||||
{@const result = compute(value)}
|
|
||||||
{#if result.ready}
|
|
||||||
<div out:fade|global>
|
|
||||||
<p>{result.data}</p>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
{/if}
|
|
||||||
Loading…
Reference in new issue