I have a widget which is composed of 1 text input, and 2 lists below it. By clicking the list title, "List 1" or "List 2", the user sets which list gets populated when they press enter.
List 1 is the active list, meaning if the user presses Enter, List 1 will receive a new list item with the value of the input.
Here, List 2 is the active list.
To me, it's not obvious at first glance that this behavior exists. I did set
cursor: pointer on each title, but the user has to actually mouse over them to see that.
It just looks like one title has a background color and the other doesn't. How can I make the functionality more apparent?