Expanding rows w/ custom components has streaks in background

[nitroamos]

I started with this demo:
https://www.smartclient.com/smartcli...izeIncrease=10

and put this code in the sample:

isc.ListGrid.create({
    ID: "countryList",
    width:500, height:600, 
    alternateRecordStyles:true,
    expansionFieldImageShowSelected:true,
    data: countryData,
    fields: [
        {name: "countryName", title: "Country"},
        {name: "capital", title: "Capital"},
        {name: "continent", title: "Continent"}
    ],
    canExpandRecords: true,

    getExpansionComponent : function (record) {

        var countryGrid = isc.ListGrid.create({
            height: 224,
            canEdit: true,
            modalEditing: true,
            editEvent: "click",
            listEndEditAction: "next",
            autoSaveEdits: false
        });

        var hLayout = isc.HLayout.create({
            align: "center",padding: 5,
            membersMargin: 10,
            members: [

                isc.IButton.create({
                    title: "Save",
                    click: function () {
                        countryGrid.saveAllEdits();
                    }
                }),
                isc.IButton.create({
                    title: "Discard",
                    click : function () {
                        countryGrid.discardAllEdits();
                    }
                }),
                isc.IButton.create({
                    title: "Close",
                    click : function () {
                        categoryList.collapseRecord(record);
                    }
                })
            ]
        });

        var layout = isc.VLayout.create({
            padding: 5,
            members: [ countryGrid, hLayout ]
        });

        return layout;
    }
});

and this is what I see with Chrome
Version 66.0.3359.181 (Official Build) (64-bit)





where it looks like the column borders from the parent ListGrid streak down behind the custom component. I don't like seeing those streaks -- is there a way to hide them?
This is with Stratus, Tahoe and Obsidian do not do it.

[nitroamos]

Well, easily addressed on my end by changing

  border-right: 1px solid #cccccc;

to

  border-right: 1px solid transparent;

in the cell css.

[Isomorphic]

Your component is embedded in cells, so borders will show through if you leave the expansion component's background transparent. Getting rid of the borders is one approach, or just set a white or grey background for your expansion component.