Wrong DateItem width when using browserInputType:"date"

[Blama]

Hi Isomorphic,

please see this testcase (v11.1p_2018-09-18):

isc.DynamicForm.create({
    ID: "dateForm",
    width: 800,
    fixedColWidths: true,
    colWidths: [190, "*"],
    isGroup: true,
    groupTitle: "Date Controls",
    fields : [
    {
        name: "dateItem1", title: "Date", hint: "<nobr>Direct date input</nobr>", 
        editorType: "DateItem",
        useTextField: true, width:"100%"
    },
    {
        name: "dateItem2", title: "Date", hint: "<nobr>Direct date input</nobr>", 
        editorType: "DateItem",
        useTextField: true, width:"*"
    },
    {
        name: "dateItem3", title: "Date", hint: "<nobr>Direct date input</nobr>", 
        editorType: "DateItem",
        useTextField: true, browserInputType:"date", width:"100%"
    },
    {
        name: "dateItem4", title: "Date", hint: "<nobr>Direct date input</nobr>", 
        editorType: "DateItem",
        useTextField: true, browserInputType:"date", width:"*"
    }
    ]
});

As you can see, the width are different here. This is happening in current Chromium on Desktop as well as on iOS 11.4.1 Safari.

Best regards
Blama

[Blama]

This is happening the same in 12.0p. I do not think that the app-version will be finished before the switch to 12.0p, so I'm going to report such issues based on 12.0p now.

Best regards
Blama

[Isomorphic]

We've fixed this for tomorrow's builds. In the meantime, just adding this line above the sample code should give you more normal looking UI.

isc.NativeDateItem.addProperties({ textBoxStyle: "textItemLite" });

Note that the font and other details were also wrong in this scenario, and in skins other than Tahoe - to boot, in 12.0+, FormItems have *Over styles, so this styling issue was more dramatic there.

The above line of code should address all visual glitches, as will tomorrow's fix.