Section header with custom controls is missing bottom border on Chrome

[stonebranch3]

Isomorphic ,

On Chrome, the section header is missing the bottom border when custom controls are set for the section. It's not missing on Firefox.

SmartClient Version: v12.1p_2022-01-20/Pro Deployment (built 2022-01-20)
Chrome 97.0.4692.99 (Official Build) (64-bit)
Firefox 96.0.2 (64-bit)
Windows 10

I've modified the Custom Controls showcase sample to illustrate the issue.

public void onModuleLoad() {
        final ListGrid listGrid = new ListGrid();
        listGrid.setBorder("0px");
        listGrid.setCanEdit(true);
        listGrid.setEditEvent(ListGridEditEvent.CLICK);
        listGrid.setFields(new ListGridField("system", "System"), new ListGridField("monitor", "Monitor"));

        ToolStrip toolstrip = new ToolStrip();

        ToolStripButton addButton = new ToolStripButton("Add");
        addButton.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                listGrid.startEditingNew();
                event.cancel();
            }
        });
        toolstrip.addMember(addButton);

        ToolStripButton removeButton = new ToolStripButton("Remove");
        removeButton.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                listGrid.removeSelectedData();
                event.cancel();
            }
        });
        toolstrip.addMember(removeButton);

        SectionStack sectionStack = new SectionStack();

        SectionStackSection section1 = new SectionStackSection();
        section1.setTitle("Monitors");
        section1.setItems(listGrid);
        section1.setControls(toolstrip);
        section1.setExpanded(true);

        sectionStack.setSections(section1);
        sectionStack.setVisibilityMode(VisibilityMode.MULTIPLE);
        sectionStack.setAnimateSections(true);
        sectionStack.setWidth(500);
        sectionStack.setHeight(400);
        sectionStack.setOverflow(Overflow.HIDDEN);

        sectionStack.draw();
    }

Chrome:



Firefox:




Thanks.

[Isomorphic]

Hi
We're not immediately seeing this. Can you clarify which skin you're using?
Also is there anything in your html bootstrap file other than the standard src=... tags to load the framework and application? Any css, etc?

Thanks

[stonebranch3]

The screenshots are using the Stratus theme since it's easier to see the issue when the list grid header bar is the same color as the section header, however, it's an issue with Tahoe and Obsidian as well.

My html bootstrap is just using the standard src=... tags. No css.

Thanks.

[Isomorphic]

Hi Stonebranch
Just a quick note to let you know we are reproducing the problem and have a developer working on it. We'll follow up when we have a resolution

Regards
Isomorphic Software

[Isomorphic]

We've now made a change that should address this issue. Please try the next nightly 12.1 build dated Jan 28 or above

Regards
Isomorphic Software

[stonebranch3]

This has been resolved. Thanks!