3.2.0

why is minimum width of grid 150 pixels in Firefox?

The minimum width of the AW grid in FF is 150px, when using AW 2.0.1.

The minimum width is not enforced in IE, and it is not enforced in FF in AW 2.0.0 and prior.

The minimum width is enforced by this line in common/grid.css:

.aw-gecko .aw-grid-box {
    min-width: 150px; /* fix for FF scrolling problem */
}


Does anyone know what Firefox scrolling problem this fixes? Why 150px?

I removed the lines above from grid.css and the grid still seems to scroll OK, in FF 1.5.0.8. But I am concerned that removing those lines may break other FF versions, or certain grid sizes that I haven't tried.

thanks



CK
November 13,
It fixes FF scrolling problem when grid is inside a table tag and is 100% width/height. The behavior is the same for FF 1.0, 1.5 and 2.0, so if your grid is not inside the table and you don't see scrolling problem - you can probably remove this.

Here is the example which shows the scrolling bug -

<style>

#grid {
    width: 100%;
    height: 100%;
}

/* remove FF scrolling fix */
.aw-gecko .aw-grid-box {
    min-width: 0px!important;
}

</style>
<table width="100%" height="100%" border=1>
<tr><td height="100px">
    broken vertical scrolling
</td></tr>
<tr><td>
    <script language="javascript">

        var obj = new AW.UI.Grid;

        obj.setId("grid");
        obj.setCellText(function(c,r){return c+"."+r});
        obj.setHeaderText("header");
        obj.setRowCount(1000);
        obj.setColumnCount(10);

        document.write(obj);

    </script>
</td></tr>
</table>
Alex (ActiveWidgets)
November 13,
Thanks for the quick reply Alex.

My app always uses absolute positioning for AW grids so I'll remove the min-width.
CK
November 13,

This topic is archived.

See also:


Back to support forum