Page scroll to top when click context menu on webgrid

5 replies. Last post: October 11, 2016 6:44 AM by Yudi
Tags :
Sachin JainMember

Hi,

I have problem with page scroll to top when i click context menu.

To replicate:

1. Place multiple webgrid(I have 3 webgrid in one page one below one) subsquently in one asp.net webpage.

2. Right click to open context menu on last webgrid(as page is so long, page will have vertical scroll bar) you will see context menu moved on first webgrid, page will be scrolled.

I am using windows 10 and Internet explorer 11.


Please give solution ASAP.


Regards

Sachin Jain


All Replies

Yudi Member

The reported problem is not reproducible in my simple sample. The sample is created based on the following specification:

1. Place multiple webgrid subsquently in one asp.net webpage.

2. Right click to open context menu on last webgrid(as page is so long, page will have vertical scroll bar) you will see context menu moved on first webgrid, page will be scrolled.

I enclosed the sample as attachment. Please have the sample evaluated on your end and let me know if you have different result.

Note: I'm using WebGrid 10 (10.0.7200.24) and WebUI.NET Framework 3.0 (3.0.5000.975). The sample page is viewed in IE 11 browser.

Hi,

I ran your sample and the same issue is coming in my pc(windows 10 + internet explorer 11).

I tried to upload video but your text editor does not support to upload video, so

I renamed video extansion .mp4 to .png.

To watch video please rename format of file with .mp4

Hi, Can you reply ASAP please? Regards Sachin Jain
Hi, Can you please reply Please? Regards Sachin Jain
Yudi Member

Could you confirm whether the test page is viewed in Compatibility View? Because I only able to reproduce the problem when it (Compatibility View) is enabled.

I made following changes to SimpleUnboundGrid.aspx file and the problem is no longer persist:

  1. Add following meta tag in the header of the page.
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  2. Update WebUI.NET Framework 3.0 to the latest (3.0.5000.975).
  3. Add following style to the page which has WebGrid inside.
    <style>    div.WG5-F div table
        {
            width: 100%;
        }
    
        .WG5-Header
        {
            box-sizing: border-box;
        }
    </style>

For your reference, I attach the modified version of SimpleUnboundGrid.aspx file.

All times are GMT -5. The time now is 1:48 AM.
Previous Next