use on scrolling console like output

I am displaying console output to trace logs and would like to use to plugin to scroll to the bottom

However, it doesn’t scroll to the bottom. The class output-cmdhas a max-hight set to 300px so there are scrollbars.

    <div>
      <div class='console'>
        <div class='console-inner'>
          <div class='output-cmd' id="cont" v-chat-scroll>
            <pre>
                <code>
                    {{ logarray.join("\n") }}
                </code>
            </pre>
          </div>
        </div>
      </div>
    </div>

[vesper8]

I’m also using it for this same purpose and it’s working fine for me. Have you tried actually using a UL/LI combo ?

              <ul
                v-chat-scroll
                class="console"
              >
                <li
                  v-for="(message, key) in logItems"
                  :key="key"
                  :class="message.type"
                  v-html="message.message"
                />
              </ul>

Also make sure that when you are adding new items to the thing that is mapped to your v-for, that you use the .push() command

[theomessin]

Closing this issue due to inactivity. Feel free to re-open it if this is still… an issue 😉