Is there any way to trigger use: action after rendering finished, not before?

[taw]

OK so this code in Svelte REPL and Malina REPL does different things:

<script>
let output = ""
function action(el) {
  output = el.innerText
}
</script>

<div use:action>
{#each [1,2,3,4] as i}
{i}
{/each}
</div>

DIV CONTAINS: {output}

Malina runs it before children update so it gets "". Svelte runs it after children update so it gets "1 2 3 4".

I don't mind whichever one is the default, but I don't know how to get Svelte-like behavior in Malina, and I need it.

Svelte even has await tick() I could use for this if it wasn't already default to wait for full render, but I don't think Malina has anything like that.

(for my use case I need parent's scrollHeight etc. to see which elements can be seen and do some conditional rendering logic, and that won't be ready until all children are rendered).

[AlexxNB]

Svelte even has await tick() I could use for this if it wasn't already default to wait for full render, but I don't think Malina has anything like that.

You can use await $tick() (no need to import in component or import it from malinajs/runtime.js when use it in external function.

[taw]

Oh so there is a $tick? Might be a good idea to add it to the docs.

Weirdly this solves the original example, but this doesn't work in Malina repl.

App.xht:

<script>
let output = ""
async function action(el) {
  await $tick()
  output = el.innerText
}
</script>

<div use:action>
{#each [1,2,3,4] as i}
  <Comp {i} />
{/each}
</div>

DIV CONTAINS: {output}

Comp.xht:

<script>
export let i
</script>
{i}

So maybe my theory that tick would be sufficient was wrong. Any other suggestions?

[taw]

Just tried another thing. onMount behaves like use: + await tick(). It waits for render of component's own stuff, but it does not wait for its children to render.

[lega911]

fixed: https://malinajs.github.io/repl/#/share/hYh6qd8eQ2K?version=0.6.45
$tick works different way, I will fix it later