Last rows hidden under the bottom margin

Hi,

2 grids build by the same server code, but behaving differently:
- http://foxincloud.com/tutotest/bs/dataUpdate.tuto : all rows accessible
- http://foxincloud.com/tutotest/bs/Eventlog.tuto : when you move the cursor down the rows using the down arrow key, at some point the current row is hidden under the bottom margin.

If I add

oGrid.raiseEvent("paint");

after

oGrid.refresh();

all grid rows are visible but their height grows indefinitely after each refresh()

How to solve that?

PS: whenever you need to execute some grid's method, you can get a reference this way:

jQuery('#id_of_container').prop('oGrid')

Exemple for http://foxincloud.com/tutotest/bs/Eventlog.tuto :

jQuery('#eventlog_scx-grd-grd').prop('oGrid')

Somehow both show the same issue now, which is related to strict mode css.

line 92 tuto.css
.aw-grid-row {border-bottom: 1px solid lightblue;}

line 107 in FoxInCloud.css
.aw-strict .aw-grid-row {padding-bottom:4px; } /* sizing adjustment for standards mode doctype - leave 4px!*/

Basically, as your comment says, the solution is to reduce the padding to 3px so the total (with bottom border) is 4px. That fixes row height calculations and everything should work then.

Thanks, works fine now