Skip to main content
13-Aquamarine
October 30, 2021
Question

Thingworx how to cancel autofocus filter input in dropdown widget

  • October 30, 2021
  • 2 replies
  • 2306 views

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.

2 replies

17-Peridot
October 31, 2021

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

24-Ruby III
October 31, 2021

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_Xie13-AquamarineAuthor
13-Aquamarine
November 1, 2021

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

5-Regular Member
November 1, 2021

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;
}