Another 1.56 context bug

[Rich-Harris]

Via StackOverflow:

<p><input bind:value=search></p>

{{#each categories.filter(predicate) as category}}
  <!-- the click event should work, right? -->
    <button on:click='console.log(category)'>{{category}}</button>
{{/each}}

<script>
    export default {
        data() {
            return {
                search: '',
                categories: [
                    'animal',
                    'vegetable',
                    'mineral'
                ]
            }
        },
      computed: {
            predicate: search => {
                search = search.toLowerCase();
                return word => word.startsWith(search);
            }
        }
    };
</script>

REPL.

[tivac]

Poked around in the REPL, dunno if this is helpful but here goes nothing.

https://gist.github.com/tivac/7c74c2b8f8927612b4f057ad16d5e782#file-output-js-L33-L36

create_main_fragment is calling create_each_block and passing it a category and a category_index in the state object.

https://gist.github.com/tivac/7c74c2b8f8927612b4f057ad16d5e782#file-output-js-L132-L154

create_each_value is then setting button._svelte to have a each_value and category_index, even though state.each_value doesn't exist. This happens in both the p and h.

https://gist.github.com/tivac/7c74c2b8f8927612b4f057ad16d5e782#file-output-js-L167-L170

Then when the event handler fires this._svelte.each_value is undefined and everything goes real bad.

[Rich-Harris]

fixed in 1.57.1, thanks