Autofocus for multipage apps

💬 Feature Requests
1
  1. My goal:
    Autofocus a different element on each page
  2. Issue:
    With multipage apps, I do not have a mean to call textInput.focus(); anywhere.

Is there a way to select an element to autofocus (different for each page)?
Another solution would be new events for each page such as onEnter and onExit where I could call the .focus() function.

2

Hey Alexis,

You can create a js query with the .focus() method and have it run upon page load. You would have a js query for each page.

I agree with you though that there should be a better way of controlling what happens on load of each page.

3

This complains as the actual elements are not available globally but on each page.

4

Right, you would need a query locally in each page...

7

Adding a screenshot for this solution:

CleanShot 2025-05-28 at 11.24.35@2x
CleanShot 2025-05-28 at 11.24.35@2x1596×918 61.7 KB

A page scoped query with a small page load delay for each page should do the trick!

8

Thanks, that is a good idea.

I placed the components I wanted autofocusing as global but this would have been a better solution.