How to scroll a ui.log element programatically in v3.x?

[Dr3wBr3w]

First Check

• I added a very descriptive title here.
• I have checked the FAQs for a similar question and didn't find it.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the NiceGUI documentation, with the integrated search.
• I already searched online "How to X in NiceGUI" and didn't find any information.

Example Code

# Works in Nicegui 2.x
def scroll_log(top: bool = True) -> None:
    element_type = "first" if top else "last"
    ui.run_javascript(f"""
        const logElement = document.querySelector('.nicegui-log');
        if (logElement && logElement.{element_type}ElementChild) {{
            logElement.{element_type}ElementChild.scrollIntoView();
        }}
        """)

Description

In NiceGUI 2.x I could use ui.run_javascript to scroll a ui.log to the top or bottom by setting ElementChild.scrollIntoView(). However in 3.x this no longer works; it looks like the inner workings of the log now uses a Quasar scroll area? The quasar documentation says to use the setScrollPosition function e.g. scrollAreaRef.value.setScrollPosition('vertical', position.value) but so far I haven't been able to get it to work with ui.log. Any help appreciated :)

As a suggestion, it would be nice to have the ui.scroll_area scroll_to method available for ui.log: https://nicegui.io/documentation/scroll_area#setting_the_scroll_position (unless there's already a way to access this via ui.log?)

NiceGUI Version

3.0.4

Python Version

3.13

Browser

Firefox

Operating System

Windows

Additional Context

No response

[Dr3wBr3w]

Update: OK, I figured it out, it was simpler than I thought - the same Javascript can be used, except this time target the q-scrollarea__content instead of .nicegui-log:

def scroll_log(top: bool = True) -> None:
    element_type = "first" if top else "last"
    ui.run_javascript(f"""
        const logElement = document.querySelector('.q-scrollarea__content');
        if (logElement && logElement.{element_type}ElementChild) {{
            logElement.{element_type}ElementChild.scrollIntoView();
        }}
        """)

[evnchn]

Just as what I'm about to say. Great job!

Note: this is because of #4935