form (with header and textArea) unexpected scrollbar and grow in height

[claudiobosticco]

SmartClient Version: v13.1p_2025-01-16/AllModules Development Only (built 2025-01-16)

Safari and Firefox on macOS

Hello, I've slightly modified the titleChange sample from the showcase to demonstrate an issue I've observed in my application.

When you run the code below, you'll notice the following:

- The profilePane form has a vertical scrollbar (which doesn't appear in Chrome).
- Switching back and forth between the two tabs causes the height of the form to increase incrementally, especially in Safari where this happens faster.

isc.DynamicForm.create({
    ID: "profilePane", height: "*",
    fields: [
        {name: "header", type: "header", defaultValue: "Header", align: "center"},
        {
            name: "yourName", title: "Your Name", type: "textArea", height: "*", width: "*"
        }]
});

isc.DynamicForm.create({
    ID: "preferencesPane",
    fields: [{
        name: "useISCTabs",
        title: "Use SmartClient tabs",
        type: "checkbox",
        defaultValue: true
    }]
});


isc.TabSet.create({
    ID: "tabSet",
    width: 400,
    height: 200,
    tabs: [{
        id: "profile",
        title: "Profile",
        pane: profilePane

    }, {
        id: "preferences",
        title: "Preferences",
        pane: preferencesPane
    }]
});

If I add overflow: "auto" to the profilePane form, this issue doesn't occur. However, the form becomes slightly too tall, resulting in a small amount of scrolling.

If I also set alwaysShowScrollbars: true, switching between the tabs triggers a rapid show/hide of both the vertical and horizontal scrollbars.