Focus on ComboBoxItem is disconcerting

[SimonF]

Hi,
Giving a ComboboxItem in a form we are facing a toggling of the blue shadow of the ComboboxItem. The easiest way is to show this behaviour in a gif animation:


You can see in the gif, that this happens not all the time, but in 3 out of 5 times. It's very distracting.
Reproducable with the latest downloadable nightly SmartClient_v111p_2018-02-25_Pro and Chrome Version 64.0.3282.167 (Official Build) (64-Bit) or Chrome Version 64.0.3282.186 (Official Build) (64-Bit).

Code:

Canvas.resizeControls(4);
Canvas.resizeFonts(2);

isc.DynamicForm.create({
    "ID": "theForm",
    "padding":20,
    "width": 820,
    "hideUsingDisplayNone": false,
    "hoverWidth": 200,
    "numCols": 4,
    "autoFocus": true,
    "selectOnFocus": true,
    "colWidths": [200, 210, 200, 210],
    "itemHoverDelay": 1200,
    "cellPadding": 5,
    "readOnlyDisplay": "static",
    "fields": [{
            "ID": "theFirstTextField",
            "name": "theFirstTextField",
            "title": "Text1",
            "type": "text",
            "width": "*"
        }, {
            "ID": "theSecondTextField",
            "name": "theSecondTextField",
            "title": "Text2",
            "type": "text",
            "width": "*"
        }, {
            "ID": "theComboBoxItem",
            "name": "theComboBoxItem",
            "title": "ComboboxItem",
            "type": "text",
            "editorType": "comboBox",
            "width": "*",
            "iconWidth": 16,
            "iconHeight": 16,
            "imageURLPrefix": "https://cdn1.iconfinder.com/data/icons/european-country-flags/83/",
            "imageURLSuffix": "-16.png",
            "prompt": "Hovertext",
            "readOnlyDisplay": "static",
            "showIcons": true,
            "hoverWidth": 200,
            "valueIconSize": 16,
            "suppressValueIcon": false,
            "valueIcons": {
                1: "belgium",
                2: "italy",
                3: "france",
                4: "germany",
                5: "switzerland",

            },
            "textMatchStyle": "substring",
            "allowEmptyValue": true,
            "valueMap": {
                "1": "Belgium",
                "2": "Italy",
                "3": "France",
                "4": "Germany",
                "5": "Switzerland"
            }
        },
    ],
    "values": {
        "theComboBoxItem": 1,
        "theFirstTextField": "",
        "theSecondTextField": ""

    }
})

Best regards

[Blama]

Hi SimonF,

this is most likely this issue, related to a Chrome bug. I'm also waiting for a fix here.

Best regards
Blama

[SimonF]

Thanks Blama,
I hope there will be a fix soon.

Best regards