Can I specify the display position of overflow content?

Question

First off I am totally open to edits to my title and / or tags. I am not clear how to describe this question.

I have a tab interface that collapses to a overflow div in mobile mode (like GitHub does). Looks like this:

The issue I have is the active tab is hidden - I want the active one to always be displayed by default vs the user needing to 'slide' it over to find it:

I have zero idea where to start. Is this CSS, Anchors (not ideal), Javascript?

Answer 1

Add a ref or some identifier to the active tab and always scroll to that tab on page reload or mount.

Something like this maybe or your own logic,

var elmnt = document.getElementById("content");
elmnt.scrollIntoView();