Author Topic: Changing font size from small to medium (125%) on Windows 7 hides rows  (Read 4856 times)

stoodin

  • Pro Enterprise
  • Jr. Member
  • *
  • Posts: 85
    • View Profile
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

  • Pro Enterprise
  • Jr. Member
  • *
  • Posts: 85
    • View Profile
Re: Changing font size from small to medium (125%) on Windows 7 hides rows
« Reply #1 on: February 06, 2015, 08:17:17 pm »
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

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: Changing font size from small to medium (125%) on Windows 7 hides rows
« Reply #2 on: February 06, 2015, 08:44:38 pm »
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

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: Changing font size from small to medium (125%) on Windows 7 hides rows
« Reply #3 on: February 06, 2015, 08:47:38 pm »
All right sounds great. Read your second message after posting mine.

stoodin

  • Pro Enterprise
  • Jr. Member
  • *
  • Posts: 85
    • View Profile
Re: Changing font size from small to medium (125%) on Windows 7 hides rows
« Reply #4 on: February 06, 2015, 10:13:17 pm »
 $("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.