Disable autofocus in the dropdown search widget

Back to Forums

K C S

Question

Reactive

Application Type

Reactive

Hi,

How to disable dropdown search widget auto focus?

I have used the dropdown search in the middle of the screen, it will shows the list as well as display the values after saving.

By default , the focus is going to the middle of the screen. I tried with setfocus() and Javascrpt focus

but I didn't get it.

While using starting selection , I'm getting this issue. Using starting selection option to show the value in the screen.

Thanks in advance

Saravana

24 Jul

Stefan Weber

MVP

OutSystems UI has a client action SetVirtualSelectConfigs for additional configuration of dropdown search. I haven't tried it, but the options autofocus and focusSelectedOptionOnOpen look promising.

Best

Stefan

24 Jul

Paulo Moreira

MVP

Hi everyone,

Has anyone found a solution for this?

We're having a major headache with this topic, and even if we don't assign a StartingSelection, the SetVirtualSelectConfigs client action renders no effect.

Thank you very much in advance.

Best regards,

Paulo Moreira

*** UPDATE ***

No StartingSelection, using DropdownSetValue client action to set a value on the DropdownSearch Initialized event, and still no luck...

Also, the autofocus property of the ProviderConfigs input parameter, on the SetVirtualSelectConfigs has a default value of Entities.BooleanTypes.Unset ?

07 Aug

Kiran Shetty

Hi @K C S

May be you need to put this script on ready action to disable auto focus on particular element

const element = document.getElementById('vscomp-ele-wrapper-5970'); // const element =document.getElementById('Id'); where id we can get from inspect tool

element.tabIndex = '-1';

Regards,

Kiran

07 Aug

1 reply

07 Aug

Show thread

Hide thread

Paulo Moreira

MVP

Hi Kiran,

It doesn't work, as Virtual Select resets tabindex="0" each time it sets a value.

Thank you.

Paulo

07 Aug

Jonathan Lafleur

We have the same issue. Any progress on a solution?

22 Aug

Vinicius Seixas

I have tried all solutions above, is there anything else I can do to prevent this element from being auto-focused when there's a starting selection in it?

This is really troublesome.

16 Oct

Jonathan Lafleur

We got an update from OutSystems last week and since then, the issue is gone.

16 Oct

2 replies

Last reply 20 Oct

Show thread

Hide thread

Vinicius Seixas

I haven't tested it myself but I see it in the Outsystems UI patch notes that this has been fixed.