jQuery Grid Plugin - jqGrid - Topic: Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell Simple:Press Version 5.7.5.3 Roy on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p29099 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p29099 Hello,

Above solutions don't work for me.

The problem is occured only at the HTML5 Document.

So, I created a hack. (If editCell function have event parameter then the solution will be clearer than below hack.)

Paste below code at two position in the grid.celledit.js.

code:

if (window.event) {

$("#"+$.jgrid.jqID($t.p.knv)).offset({top:$('body').scrollTop(), left:window.event.pageX});

} else {

$("#"+$.jgrid.jqID($t.p.knv)).offset({top:$('body').scrollTop()});

}

grid.celledit.js position:

- Line 40 : above of $t.p.selrow = $t.rows[iRow].id;

- Line 411 : above of $("#"+$t.p.knv)

]]> Thu, 04 Jul 2013 05:24:54 +0300 ivanchain on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p28333 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p28333

In jquery.jqGrid-4.4.3, (the last version to support ie6), with latest chorme, the problem is still there.

If you can't reproduce the problem, it's because your jqgrid is not BIG enough, or your computer screen is TOO BIG enough. if you has many rows exceeding your computer screen, and use vertical scrolling of browser to view the last row of jqgrid, and click any of the cells, you will see the browser vertical scrolls(not means the jqgrid vertical scroll) to the top to show the head of the page.

In jquery.jqgrid.min.js search for "<div style='position:absolute;top:-1000000px;width:1px;height:1px;'" and change the style attribute "position:absolute" to "position:fixed".

In fact, in  jquery.jqGrid-4.4.3, this is modified, and works fine with IE6,7,8, BUT STILL HAS Problem with IE9 and Chorme  23.0.1271.95.   

So this is two problem in fact. The 1st problem is the jqgrid's self scorll problem, which is solved as mentioned above. The 2nd problem is about  the BROWSER's  scroll, when the page height is high, and jqgrid is at the bottom of the page, and when you click the cell, the page's browsser sroll bar will scroll to the page top head.

The 2nd problem could be hacked by remove c.p.knv||b(c).jqGrid("GridNav");

So he 2nd problem is still there.

yours,

Ivan

]]> Tue, 26 Feb 2013 05:45:49 +0200 morris on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p28168 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p28168 pkane's solution worked great for me in 4.3.1 with IE, FF, Chrome of last year


Now on 4.4.3, IE9 and FF 18.01 have issues. I tried sergey68's fix. Chrome 24 and FF seem ok, but IE9 still is wonky. 

]]> Tue, 29 Jan 2013 23:34:41 +0200 sergey68 on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27761 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27761 This does not work quite right. I also had to set top:0 in addition to position:fixed

Thanks.

]]> Tue, 20 Nov 2012 21:27:03 +0200 tony on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27608 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27608 Hello,

Thanks all and sorry for the late fix.

Fixed in GitHub

Regards

Tony

]]> Tue, 23 Oct 2012 10:03:46 +0300 Wolf on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27597 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27597

mercurio said:pkane's solution is working for me, too. Is there any chance this will make it into a future release? Alternatively, putting that outer span's style into the CSS would allow those of us who need this fix to implement it in CSS rather than patching the source.

pkane's solution works for me too!

I am using jqGrid 4.4.1.

Here's what I had to do to fix this issue:

In jquery.jqgrid.min.js search for "<div style='position:absolute;top:-1000000px;width:1px;height:1px;'" and change the style attribute "position:absolute" to "position:fixed".

]]> Mon, 22 Oct 2012 16:12:37 +0300 nvrs on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27432 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27432 If it is of any help, this didn't happen with 4.4.0. Of course, in 4.4.0 you couldn't navigate the grid with the arrow keys but still, with the scroll to top behaviour when celledit starts or finishes, the feature is practically unusable for my use case (save button and other vital info is below the grid and grids are often longer than 25 lines.

]]> Fri, 28 Sep 2012 11:41:01 +0300 nvrs on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27431 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell/page-2#p27431 With the latest version of jqgrid (4.4.1) this happens to me with both FF 15.0.1 and Chrome 22. I guess i ll have to resort to inline editing.

]]> Fri, 28 Sep 2012 11:12:46 +0300 adkan11 on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p24845 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p24845 Hey Guys,

I'm using  jqgrid 4.1.1 with IE8... And the same problem is happening to me also.

I have four levels of grid. Grid inside grid. How do i resolve that..?

When scroll down subgrid and select a cell. Grid gets scrill to top.

Thanks in advance

]]> Mon, 10 Oct 2011 17:10:18 +0300 Wakamolee on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p22396 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p22396 First of all, thanks for such a great plugin.

As of version 3.8.2, this bug is still persistent. I had to recode to inline editing because of this. When the top of the grid is off-screen, whenever I click a row, or press enter to apply the changes, it scrolls to the top of the grid.

Hope to see this bug fixed in a future release, because cell editing has many more events to use than inline editing.

EDIT: The bug only happens with Firefox (3.6.15) and IE 8, Chrome (10) works ok.

]]> Sun, 13 Mar 2011 16:04:04 +0200 Vetal on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p22242 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p22242 I cannot find any mentions about this fix in Change Log for the previous versions including the last one 3.8.2. Please clarify was the fix included or not? If not, is it planning to include it in the future releases?

Thanks.

]]> Mon, 28 Feb 2011 16:27:07 +0200 mercurio on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p20477 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p20477 I just checked, and pkane's patch is still not in the just-released 3.8.1 version. Any chance this

will get incorporated into a release someday?

]]> Tue, 26 Oct 2010 00:31:38 +0300 tony on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p19511 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p19511 Hello,

Thanks. It seems that I have missed pkane  post.

Will test and if everthing is ok I will apply the fix.

Kind Regards

Tony

]]> Fri, 03 Sep 2010 09:45:34 +0300 mercurio on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p19458 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p19458 pkane's solution is working for me, too. Is there any chance this will make it into a future release? Alternatively, putting that outer span's style into the CSS would allow those of us who need this fix to implement it in CSS rather than patching the source.

]]> Wed, 01 Sep 2010 03:27:38 +0300 nayanjyotionline on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p17428 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p17428 I try to validate a simple Form but the Jquery Validation Plugin not woking when I use only Button not The Submit Button.
I can not use the Submit button there Because If I use submit Button After Submitting the form It take the Action and goes to Default page while my current form is comes from Ajax. I am very new to Jquery. Please Help its Urgent...
I am giving the files here.
index.html

<html>
<head>
<script src="jquery.js">
<script="jquery-validate-min.js">
<script="validation.js>
</head>
<body>
<form id="contact_form">
<table>
<tr><th>Name</th><td><input name="name" /></td></tr>
<tr><th>E Mail</th><td><input name="email" /></td></tr>
<tr><th><input type="button" name ="submit" id="form_sub" onclick="save"></th><td><input name="email" /></td></tr>
</table>
</form>
</body>
</html>

Now the validation.js file

function save(){

$("#form_sub").click(function(){
$("#contact_form").validate({
'rules':{
'name':{
'required':true,
'minlength':5
},
'email':{
'required':true,
'email':true
}
}
})
}

Everything works fine when we use input type="submit"...
But it not working when we use input type="button"

Any Idea how can Fix this?
I am new to Jquery ... Please Help

]]> Mon, 24 May 2010 19:33:05 +0300 pkane on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p17317 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p17317 Here's a solution that is working for me:

At line 346 of grid.celledit.js:

var selection = $("<span style='width:0px;height:0px;background-color:black;' tabindex='0'><span...

Add "position:fixed;top:0px;left:0px" to the style attribute of the outer span.

The inner span is the element which responds to the up/down/left/right keyboard events and moves the selected cell. To do this, it needs to have the focus. When it is given the focus, FF and IE scroll the browser, if necessary, so that it is visible. If you are editing a long grid, the browser may scroll up since the hidden span is inserted at the top of the grid. My proposed solution fixes the span to the viewport so that it's always "visible", and the browser doesn't have to scroll.

]]> Wed, 19 May 2010 22:05:12 +0300 dajaney on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14638 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14638 bump, any thoughts?

]]> Mon, 08 Feb 2010 18:48:55 +0200 dajaney on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14351 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14351 If I comment out that line, the page scrolling/jumping is fixed. The escape and enter keys still work. However, the left, right, up, and down arrow keys no longer work for the grid and the user is forced to use their mouse to navigate the cells from then on. My users are utilizing the arrow keys when working with my grid.

So, we are close but I need a way to fix this issue without eliminating the arrow keys for cell navigation.

]]> Thu, 28 Jan 2010 17:00:29 +0200 steipete on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14346 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14346 Yes, uncommenting the GridNav() fixes that issue. Thanks, sean!

]]> Thu, 28 Jan 2010 16:51:36 +0200 steipete on Grid scrolls to top after selecting a cell http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14342 Bugs http://www.trirand.com/blog/?page_id=393/bugs/grid-scrolls-to-top-after-selecting-a-cell#p14342 This is something serious and VERY annoying.

It's happening for me too. My company uses the app only with Chrome now because every other browser shows this weird scrolling bug.

Currently I'm using github head of mid january, i'll try out the fix from @sean.

]]> Thu, 28 Jan 2010 15:55:27 +0200