formItem with clipTitle = true has title cell unstyled

[janusz]

Hi,

Please take a look at this code from showcase:

isc.DynamicForm.create({
    ID: "exampleForm",
    width: 250,
    fields: [
        {name: "username",
         title: "Username",
         type: "text",
         required: true,
         defaultValue: "bob",
clipTitle: true
        },
        {name: "email",
         title: "Email",
         required: true,
         type: "text",
         defaultValue: "bob@isomorphic.com"
        }
    ]
});


isc.HLayout.create({
    members:[exampleForm]
});

Cell for first field title do not have class "formTitle".

Best regards,
Janusz

[Isomorphic]

In our testing the cell is showing up with styling intact, but has an issue with the ":" character being mispositioned. We have a developer working on that.
If that doesn't match up with what you're seeing, could you let us know which version of SmartClient you're using, which skin, and which browser.
(A screenshot may be helpful too just to make certain we're on the same page)

Thanks

[janusz]

I can see it with version "v11.1p_2019-03-31/LGPL Deployment" with Simplicity skin on Chrome, Firefox...
When testing on "v12.0p_2019-04-03/AllModules Development Only" it does not seem to appear.

Previous code missed one important line: titleOrientation: "top"

Here is a code once again:

isc.DynamicForm.create({
    ID: "exampleForm",
    width: 250,
    titleOrientation: "top",
    fields: [
        {name: "username",
         title: "Username",
         type: "text",
         required: false,
         defaultValue: "bob",
         clipTitle: true,
     wrapTitle: false
        },
        {name: "email",
         title: "Email",
         required: true,
         type: "text",
         defaultValue: "bob@isomorphic.com"
        }
    ]
});

And here is a result:


BTW mispostioned ":" is caused by <B> tag overwriting display:flex set on outer <div> container, so it is a problem only when field is required.
<div style="display:flex (...)"><b><div style="order:2;"><span aria-hidden="true">&nbsp;:</span></div><div id="isc_R4" style="overflow:hidden;text-overflow:ellipsis"><label id="isc_R3" for="isc_R2">Username</label></div></b>...

I am glad that you have started to use display:flex, but you also claim to support IE since version 6, however flex is only supported by Edge, Firefox 28+, Chrome 29+ etc.

[janusz]

Hi,

Have you been able to confirm the bug after the second test case?

Best regards,
Janusz

[Isomorphic]

We've made a change to address this issue. Please try the next nightly build on the 11.1 branch (dated April 20 or above)

Regards
Isomorphic Software