showFocused for SelectItem behaves differently

Technical Q&A
1

When a select item is is multiple view mode, the showFocused style does not apply unless I actually specify showFocused: true. But if the select item is not in multiple view, it does show focused style by default. Is this intended behaviour?

isc.DynamicForm.create({
    width: 500,
    fields: [{textBoxStyle: "myHighGridCell",name: "shipTo", title: "Ship to", type: "select",
        hint: "<nobr>Overnight shipping available for countries in bold</nobr>",
        valueMap: {
            "US" : "<b>United States</b>",
            "CH" : "China",
            "JA" : "<b>Japan</b>",
            "IN" : "India",
            "GM" : "Germany",
            "FR" : "France",
            "IT" : "Italy",
            "RS" : "Russia",
            "BR" : "<b>Brazil</b>",
            "CA" : "Canada",
            "MX" : "Mexico",
            "SP" : "Spain"
        },
        imageURLPrefix:"flags/16/",
        imageURLSuffix:".png",
        valueIcons: {
            "US" : "US",
            "CH" : "CH",
            "JA" : "JA",
            "IN" : "IN",
            "GM" : "GM",
            "FR" : "FR",
            "IT" : "IT",
            "RS" : "RS",
            "BR" : "BR",
            "CA" : "CA",
            "MX" : "MX",
            "SP" : "SP"
        }
    },{type:"text"}]
});

isc.DynamicForm.create({
    width: 500,top:200,
    fields: [{multiple:true, multipleAppearance: "grid",textBoxStyle: "myHighGridCell",name: "shipTo", title: "Ship to", type: "select",
        hint: "<nobr>Overnight shipping available for countries in bold</nobr>",
        valueMap: {
            "US" : "<b>United States</b>",
            "CH" : "China",
            "JA" : "<b>Japan</b>",
            "IN" : "India",
            "GM" : "Germany",
            "FR" : "France",
            "IT" : "Italy",
            "RS" : "Russia",
            "BR" : "<b>Brazil</b>",
            "CA" : "Canada",
            "MX" : "Mexico",
            "SP" : "Spain"
        },
        imageURLPrefix:"flags/16/",
        imageURLSuffix:".png",
        valueIcons: {
            "US" : "US",
            "CH" : "CH",
            "JA" : "JA",
            "IN" : "IN",
            "GM" : "GM",
            "FR" : "FR",
            "IT" : "IT",
            "RS" : "RS",
            "BR" : "BR",
            "CA" : "CA",
            "MX" : "MX",
            "SP" : "SP"
        }
    },{type:"text"}]
});


.myHighGridCell{
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:22px; text-overflow:ellipsis;
    color:red;
    border-bottom:1px solid #ffc0c0; border-top:1px solid #ffc0c0;
    background-color:#ffc0c0;
}
2

When you use multipleAppearance:“grid”, we’re shifting over to using a different class NativeSelectItem where showFocused is not true by default. So you could do this to set this system-wide:

isc.NativeSelectItem.addProperties({ showFocused:true });