topic Re: Weird behavior from dijit/form/combobox with LaunchPad theme in ArcGIS Web AppBuilder Questions

Weird behavior from dijit/form/combobox with LaunchPad theme

Alexwang — Sun, 19 Mar 2017 18:23:42 GMT

Hello, I have a dijit/form/ComboBox in my LaunchPad theme app. The combobox works, but the weird thing was that the control still got focused even when I moved cursor below the box - please see below. When I click it, the drop down list opens. When I change theme from LaunchPad to a Tab, I didn't notice any weird behavior. I assume the LaunchPad theme adds some styles to the dijit controls, is there a way to remove or overwrite these styles? Thanks for your help.

LaunchPad theme:

Tab theme:

Re: Weird behavior from dijit/form/combobox with LaunchPad theme

RobertScheitlin__GISP — Mon, 20 Mar 2017 14:45:45 GMT

Alex,

I am not seeing this behavior on my end. In you image do you notice that your mouse cursor is a pointer still? When you mouse cursor is a pointer over a combobox the combobox is in hover over mode and thus still get the focus rect around it.

Re: Weird behavior from dijit/form/combobox with LaunchPad theme

Alexwang — Mon, 20 Mar 2017 15:16:27 GMT

Thanks Robert. When i didn't apply a custom height to the combobox, everything worked. But after i gave it a height (in my case, 35px) less than the default height, the weird behavior appears.

Re: Weird behavior from dijit/form/combobox with LaunchPad theme

RobertScheitlin__GISP — Mon, 20 Mar 2017 16:30:56 GMT

Alex,

Are you adding the height in the combobox style property or as a css rule?

Re: Weird behavior from dijit/form/combobox with LaunchPad theme

Alexwang — Mon, 20 Mar 2017 16:50:40 GMT

Thanks Robert.

I programatically set it like

configComboBox.set('style', {width:'200px', height: '45px'});

Re: Weird behavior from dijit/form/combobox with LaunchPad theme

RobertScheitlin__GISP — Tue, 21 Mar 2017 13:00:37 GMT

Alex,

Even when I do that in the lauchpad theme for a combobox when I click off the CB the focus rect is removed...?