I have an instance where sometimes the vertical scrollbar doesn't appear in my igGrid. I'm running Chrome (up to date) on two different machines, both running the same version of Chrome. One shows the vertical scroll, the other does not.
I traced the problem to the following:
Both have a DIV with id=gridAgeReadings_table_scroll. In one instance (the one that works) the style includes "overflow-y: auto" while the other (the one that doesn't have the scrollbar) does not. If I add my own styling to force the "overflow-y: auto" then the scrollbar appears.
Why does the code that instantiates the igGrid include the required css in one instance but not the other, when both are running the same version of Chrome?
I'm running 2014.2.
Hello Ray,
The most probable reason for this behavior is that one of your machines is touch enabled and the other is not. On touch enabled environment we enable touch scrolling and as a result the desktop scrollbars are substituted with a custom scroll which shows a scroll thumb only while scrolling (this behavior is the same as on the mobile device). This behavior is enabled when Modernizr library is referenced on the page and Modernizr.touch == true.
Hope this helps,Martin PavlovInfragistics, Inc.
Unfortunately, the screen experiencing the problem is not a touch-enabled screen. There must be another reason for the difference, although it is not readily apparent.
I verified that on one machine Modernizr.touch is false (the one with the vertical scrollbar), while the other has it set to true, although uncertain why this is the case since the screen is not a touch screen. I will investigate why the value was set to true.
Chrome for the machine with the problem had flag "Enable touch events" set to Automatic. This was apparently causing the Modernizr.touch to always be true. I disabled the flag in Chrome (since I'm not using a touch screen) and my issue was resolved.