scroll to newly selected item - Smart UI Components

Tagged: listbox, listbox web component

This topic has 4 replies, 3 voices, and was last updated 4 years, 6 months ago by edwardsmarkf.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
April 20, 2020 at 1:16 pm #100701

edwardsmarkf
Member

hello –
is it possible to have the newly selected item scroll into view? here is an example where i am trying to select the bottom item, Toyota:
https://codepen.io/edwardsmarkf/pen/RwWGpXo?
note, i dont want to merely scroll to the bottom, but i would like to see the selected item visible in the scrolling window.
thank you very much.

April 20, 2020 at 4:23 pm #100702

admin
Keymaster

Hi,
The ensureVisible method scrolls to an item: https://www.htmlelements.com/docs/listbox-api/#toc-ensurevisible
Regards,
Boyko

May 1, 2020 at 7:20 pm #100731

edwardsmarkf
Member

sorry i cannot seem to get it to work properly:
https://codepen.io/edwardsmarkf/pen/RwWGpXo
could you please look at my code & let me know what i am doing incorrectly?

May 2, 2020 at 7:56 am #100732
admin
Keymaster
Hi,
You should use the “value” not the “label” of the Item.
Example:
```
function selectToyota() {
    list.ensureVisible("toyota");
}
```
Regards,
Peter
May 3, 2020 at 8:05 pm #100733

edwardsmarkf
Member

thank you!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.