11.1p: SelectItem with inlineIcon rendered too tall

[Blama]

Hi Isomorphic,

please see this modified sample (v11.1p_2018-10-06):

var 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"
}

var 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"
}

isc.DynamicForm.create({
    ID: "form2", numCols:4,
    width: 800,
    colWidths: [190, "*"],
    isGroup: true,
    groupTitle: "Select / Combo Controls",
    fields : [{
        name: "bugStatus", title: "Select",
        editorType: "ComboBoxItem",
        valueMap : {
            "cat" : "Cat",
            "dog" : "Dog",
            "giraffe" : "Giraffe",
            "goat" : "Goat",
            "marmoset" : "Marmoset",
            "mouse" : "Mouse"
        }
    },
    {
        name: "selectItem", title: "Select",
        editorType: "SelectItem",
        valueMap : valueMap,
        valueIcons : valueIcons,
        valueIconSize : 16,
        imageURLPrefix : "flags/16/",
        imageURLSuffix : ".png",
        icons: [{
            name: "tel",
            src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
            inline: true,
            text: "&#x2706;",
            baseStyle: "telIcon"
        }]
    },
    {
        name: "itemName", title: "Item Name", editorType: "ComboBoxItem", 
        optionDataSource: "supplyItem",
        icons: [{
            name: "tel",
            src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
            inline: true,
            text: "&#x2706;",
            baseStyle: "telIcon"
        }]
    },
    {
        name: "selectItem2", title: "Select",
        editorType: "SelectItem",
        valueMap : {
            "red" : "<span style='color:#FF0000;'>Red</span>",
            "green" : "<span style='color:#00FF00;'>Green</span>",
            "blue" : "<span style='color:#0000FF;'>Blue</span>"
        },
        icons: [{
            name: "tel",
            src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
            inline: true,
            text: "&#x2706;",
            baseStyle: "telIcon"
        }]
    },
    {
        name: "selectItemMultipleGrid", title: "Select Multiple (Grid)",
        editorType: "SelectItem",
        multiple: true,
        multipleAppearance: "grid",
        valueMap : {
            "cat" : "Cat",
            "dog" : "Dog",
            "giraffe" : "Giraffe",
            "goat" : "Goat",
            "marmoset" : "Marmoset",
            "mouse" : "Mouse"
        },
        icons: [{
            name: "tel",
            src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
            inline: true,
            text: "&#x2706;",
            baseStyle: "telIcon"
        }]
    },
    {
        name: "selectItemMultiplePickList", title: "Select Multiple (PickList)",
        editorType: "SelectItem",
        multiple: true,
        multipleAppearance: "picklist",
        valueMap : {
            "cat" : "Cat",
            "dog" : "Dog",
            "giraffe" : "Giraffe",
            "goat" : "Goat",
            "marmoset" : "Marmoset",
            "mouse" : "Mouse"
        }
    }
    ]
});


isc.VStack.create({
    membersMargin: 10,
    members: [ form2]
});

As you can see in the screenshot, the SelectItems are too tall. This is happening exactly the same in my application.

Best regards
Blama

[Blama]

Additional observation: This is not happening in v12.0p_2018-10-09.

Best regards
Blama

[Isomorphic]

This has been fixed in 6.1/11.1 for builds dated October 12 and later. As you pointed out, it had already been addressed in later versions.

We'll update on your separate linkItem issues today.