Thingworx how to cancel autofocus filter input in dropdown widget

[Blake_Xie]

if you enable filter of dropdown widget, while click dropdown widget, filter input will auto focus in opened popup, How can I ban this autofocus action? I don't need autofocus in my scenario.

[Sathishkumar_C]

If possible, can you share the screenshot of the same?

[VladimirN]

Here is a quote from the following article - "Focus style cannot be disabled in ThingWorx 9.0.0" (link: https://www.ptc.com/en/support/article/CS329306 "Workaround to disable the default focus style is to use the following custom CSS"

ptcs-focus-overlay {
visibility: hidden;
}
.ptcs-wrapper:not([no-wc-style]):focus:not(.dummy):not(.dummy):not(.dummy) {
box-shadow: none;
}

Also, previously there were the following questions, the answers to which may also be useful:

https://community.ptc.com/t5/ThingWorx-Developers/Force-focus-to-a-textbox/td-p/501391

https://community.ptc.com/t5/ThingWorx-Developers/Text-Field-widget-not-focusing/td-p/676141

https://community.ptc.com/t5/ThingWorx-Developers/Set-focus-on-textbox/td-p/691461

[Blake_Xie]

very thank you VladimirN, it seems not to work for input filter of dropdown widget .

[ragrawal2]

If you add the below under Custom CSS tab of TWX Mashup where Dropdown is added, you should be able to get rid of Default Blue border focus. I verified this on TWX 9.2, what is your version of TWX?

ptcs-focus-overlay {
visibility: hidden;
}
.ptcs-wrapper:not([no-wc-style]):focus:not(.dummy):not(.dummy):not(.dummy) {
box-shadow: none;
}

[Blake_Xie]

my TWX version is 9.1.3-b593, I added this CSS in my Mashup as you said, but it did not work, filter input still get focused when I open the popup of dropdown