Hi Bruce,

I have tried to reproduce this issue by testing Filtering.aspx sample included in installation folder with the following environment:

1. Google Chrome Version 41.0.2272.76 m,
2. WebGrid Version 9.0.7200.1,
3. WebUI Framework version 3.0.5000.913.

Hi Leo,

You can see the issue on Filtering.aspx if you add a bunch of line breaks on top of the WebGrid so that there are two scrollbars. See attached screenshot.

Hi Bruce,

Thanks for your information. It seem that google chrome have a unusuall way of handling an overflowed element (overflowed:scroll) inside a div with width:100%. To fix this, you could use the following workaround to get it working on google chrome:

• Add the following javascript to your page:
  

  function EnterEditMode(controlId, tblName, editObject)    {
          editObject.element.style.top = (editObject.cellElement.offsetTop + parseInt(editObject.cellElement.style.borderTopWidth)) + "px";
      }

• Set WebGrid  OnEnterEditMode client-side event to EnterEditMode

Hi Leo,

This fix works great!

Another question - In order to implement this fix I will need to add the ClientSideEvents OnEnterEditMode attribute to around 70 different grids in my application. I really need a quick and easy fix for this. Is there a way to add ClientSideEvents using javascript/jquery? Something like the following?

$(document).ready(function () {     var grd = ISGetObject("MyWebGrid");
    if (grd) {
        grd.LayoutSettings.ClientSideEvents.Add("OnEnterEditMode", "EnterEditMode()");
    }
}

Nevermind. I found that this works fine:

grd.LayoutSettings.ClientSideEvents.OnEnterEditMode = "EnterEditMode";

Hi Bruce,

Glad to hear that the snippet code helps.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.

Best Regards,
Leo