Scroll not working when loaded from another livewire component about alpine-magic-helpers HOT 3 CLOSED

@dcbndev Can you post a minimal script to replicate the issue? From the description above is not clear what you have on the click handler on your radio button but my gut feeling is that you are trying to scroll to an element that is not available on your page when you click the first time (maybe livewire loads it on click so it's available on the second click?)

from alpine-magic-helpers.

@SimoTod you are right, I am trying to scroll to an element that is loaded when the radio input is clicked, so it doesnt exist at that time, that's why I get the null. Ive been told that a setTimeout of 500ms could help me with scroll. Can you give a hint on how to add 'setTimeout' to 'x-data x-on:click="$nextTick(() => { $scroll('#orderScroll', {behavior: 'smooth'}) })"'?
Thank you

from alpine-magic-helpers.

I would not use a timeout because that value is based on your network latency that you don't know that value upfront.
The best way is to dispatch a browser event from livewire, listen for it in alpine an trigger the scrolling. See https://laravel-livewire.com/docs/2.x/events#browser

from alpine-magic-helpers.