$scroll not working with $watch

[blakeyman]

Although not achieving behaviour expected the following is loading without error
<div x-data="chat()" x-init="() => { listen(); $watch('messages', () => $scroll($refs.anchor) ); }">

However, when I try and add additional parameters such as
<div x-data="chat()" x-init="() => { listen(); $watch('messages', () => $scroll($refs.anchor, {behavior: auto}) ); }">

Then I'm getting the following error
Uncaught (in promise) ReferenceError: auto is not defined

Surely this is a bug???

[KevinBatdorf]

You have auto the variable when you want the string 'auto'

[blakeyman]

no - it's within a <div class="overflow-auto h-64">

I think I'm expecting it to scroll that <div> (which it's not)
But it is scrolling to the <div> - just not scrolling "that" actual one...
(I hope that makes sense?)

[blakeyman]

so the $scroll is working - just not my application!

[KevinBatdorf]

If you have a demo I can check it out to see what's going on

[blakeyman]

Tricky as it's local (and running own websocket server, laravel queues etc)
However, here is the "blade" file.
https://gist.github.com/blakeyman/71d0597cbbc08d83bfeb4e99f766600f

[KevinBatdorf]

Yeah It's not really easy to debug without seeing it. The code looks fine at a glance. Just try to narrow it down

[SimoTod]

Nope it's not a bug, it's a typo in the documentation. auto should be a string. (there isn't any variable called auto).