grid border gets clipped at alternate rows

[karankhokhani]

SmartGWT version
Version v9.1p_2014-06-30/Enterprise Deployment (2014-06-30)

Browser: IE10

import com.smartgwt.client.types.Alignment;  
import com.smartgwt.client.types.ListGridFieldType;  
import com.smartgwt.client.types.Overflow;
import com.smartgwt.client.types.SelectionStyle;  
import com.smartgwt.client.widgets.Canvas;  
import com.smartgwt.client.widgets.grid.ListGrid;  
import com.smartgwt.client.widgets.grid.ListGridField;   
  
import com.google.gwt.core.client.EntryPoint;  
  
public class GridTest implements EntryPoint {  
  
    public void onModuleLoad() {  
  
        Canvas canvas = new Canvas();  
  
        final ListGrid countryGrid = new ListGrid();  
        countryGrid.setWidth(800);  
        countryGrid.setHeight(500);  
        countryGrid.setBorder("0px");      
        countryGrid.setCanHover(Boolean.TRUE);
        countryGrid.setShowHover(Boolean.TRUE);
        countryGrid.setHoverWrap(Boolean.FALSE);
        countryGrid.setOverflow(Overflow.AUTO);
        countryGrid.setLeaveScrollbarGap(false);
        countryGrid.setCanPickFields(false);
        countryGrid.setPadding(50);
        countryGrid.setMargin(0);
        countryGrid.setSelectionType(SelectionStyle.SINGLE);

        ListGridField countryCodeField = new ListGridField("countryCode", "Flag", 40);  
        countryCodeField.setAlign(Alignment.CENTER);  
        countryCodeField.setType(ListGridFieldType.IMAGE);  
        countryCodeField.setImageURLPrefix("flags/16/");  
        countryCodeField.setImageURLSuffix(".png");  
  
        ListGridField nameField = new ListGridField("countryName", "Country");  
        ListGridField capitalField = new ListGridField("capital", "Capital");  
        ListGridField continentField = new ListGridField("continent", "Continent");  
        countryGrid.setFields(countryCodeField, nameField, capitalField, continentField);  
  
        countryGrid.setData(CountrySampleData.getRecords());  
  
        canvas.addChild(countryGrid);    
        canvas.draw();  
    }  
  
}  

CountrySampleData.java is same as the one on smartgwt showcase

When selecting a row, dotted border is shown around the grid. This border is clipped at alternate rows (see image attached). Seems like the row style is overlapping the border

[Isomorphic]

The dotted border you're complaining about there isn't rendered by SmartGWT - that's the browser's native focus outline, and it appears quite differently on different platforms (eg it's a blue glow on most MacOS browsers).

Unfortunately, IE has some basically intractable bugs with how this renders. There's not a lot we can do about it except completely suppress the native focus outline and draw our own, which is very complicated and not desirable for accessibility reasons.

We've been hoping IE's bugs in this area would eventually be fixed by the IE team. Maybe you could apply a little pressure :)