Changing font size from small to medium (125%) on Windows 7 hides rows

[stoodin]

I have a case on Windows 7, IE10 when grid is working fine with default Windows font settings, however when I change the Windows Font Size to Medium then go to grid and add a second row then the first row become invisible unless you click arrow up
Please see the attachment for screenshots.

My grid fonts are defined as
div.pq-grid *{
   font-family:Arial ,sans-serif;
   font-size:12px;
   color:black;
   }

[stoodin]

I think I found a problem.
I have a custom css settings for this grid that impacted the normal behaviour. It works as soon as I removed them!!!

#grid_wkly_lc_schdl td *
{
   font-size: 12px;
   min-height:20px;
   line-height:20px;   
}
#grid_wkly_lc_schdl .pq-grid-cell
{
   font-size: 11px;
   min-height:20px;
   line-height:20px;   
}

[paramvir]

Please apply this fix after creation of pqgrid and let me know the results.

Code: [Select]

           $("div.pq-cont").on("scroll", function (evt) {
               //alert('');
               this.scrollTop = 0;
               this.scrollLeft = 0;
           });

If you still face problems, please try to reproduce this issue on a similar jsfiddle.
http://jsfiddle.net/b6b710mz/45/

[paramvir]

All right sounds great. Read your second message after posting mine.

[stoodin]

 $("div.pq-cont").on("scroll") event doesn't seems to be triggered.

I added something similar on the add row:
$grid.pqGrid('scrollRow', {rowIndxPage: 0});

It seems to be helping even with my css settings. The only problem now if I add a row with arrow down then it works partially.
That said I've updated your fiddle with my code but still can't reproduce it there ....

It seems to me that the top row dissapears when I click on the editor ... but sometime it works

Any ideas would be appreciated.