v12 seems to break item reactivity for createFilterQuery

SvelteQuestion

I've been trying out my system on v12. Something I notice is that some of my reactive components are no longer reactive. Specifically where I've used

createFilterQuery

createFilterQuery

. I don't get any errors but when the items in the wildcard list are changed, the view doesn't update.

I mean the filter select still works reactively but if any of the values of the items in the list are altered, or if the core list changes (e.g. item is added or deleted from the original unfiltered list) those changes aren't reactively rendered.

I don't understand why that might be but I've tested the same code in both v11 and v12 and it's working in v11.

My svelte component looks something like this:

  $: typeSearch.set(typeFilterValue);
  $: items = [...$wildcard];

  /** @type {import('@typhonjs-fvtt/runtime/svelte/store').DynMapReducer<string, Item>} */
  const wildcard = doc.embedded.create(Item, {
    name: "wildcard",
    filters: [nameSearch, typeSearch],
    sort: (a, b) => a.name.localeCompare(b.name),
  });

  $: typeSearch.set(typeFilterValue);
  $: items = [...$wildcard];

  /** @type {import('@typhonjs-fvtt/runtime/svelte/store').DynMapReducer<string, Item>} */
  const wildcard = doc.embedded.create(Item, {
    name: "wildcard",
    filters: [nameSearch, typeSearch],
    sort: (a, b) => a.name.localeCompare(b.name),
  });

<template>
<Select options {typeFilterOptions} bind:value={typeFilterValue} />
{#each items as item (item.id)}
  .. various item properties
{/each}

<template>
<Select options {typeFilterOptions} bind:value={typeFilterValue} />
{#each items as item (item.id)}
  .. various item properties
{/each}

It might not precisely be to do with

createFilterQuery

createFilterQuery

. I'm not sure yet why it's happening, but certainly, what was working in v11 is not working in v12.

TyphonJS•2y ago•

3 replies

geoidesic [Aardvark Games]

v12 seems to break item reactivity for createFilterQuery

SvelteQuestion

I've been trying out my system on v12. Something I notice is that some of my reactive components are no longer reactive. Specifically where I've used

createFilterQuery

createFilterQuery

  $: typeSearch.set(typeFilterValue);
  $: items = [...$wildcard];

  /** @type {import('@typhonjs-fvtt/runtime/svelte/store').DynMapReducer<string, Item>} */
  const wildcard = doc.embedded.create(Item, {
    name: "wildcard",
    filters: [nameSearch, typeSearch],
    sort: (a, b) => a.name.localeCompare(b.name),
  });

  $: typeSearch.set(typeFilterValue);
  $: items = [...$wildcard];

  /** @type {import('@typhonjs-fvtt/runtime/svelte/store').DynMapReducer<string, Item>} */
  const wildcard = doc.embedded.create(Item, {
    name: "wildcard",
    filters: [nameSearch, typeSearch],
    sort: (a, b) => a.name.localeCompare(b.name),
  });

<template>
<Select options {typeFilterOptions} bind:value={typeFilterValue} />
{#each items as item (item.id)}
  .. various item properties
{/each}

<template>
<Select options {typeFilterOptions} bind:value={typeFilterValue} />
{#each items as item (item.id)}
  .. various item properties
{/each}

It might not precisely be to do with

createFilterQuery

createFilterQuery

. I'm not sure yet why it's happening, but certainly, what was working in v11 is not working in v12.

v12 seems to break item reactivity for createFilterQuery

Similar Threads

v12 seems to break item reactivity for createFilterQuery

Similar Threads

Similar Threads

Similar Threads