Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
This topic is locked No permission to create posts
sp_Feed Topic RSS sp_TopicIcon
Grid scrolls to top after selecting a cell
30/09/2009
12:06
Avatar
steipete
Member
Members
Forum Posts: 3
Member Since:
30/09/2009
sp_UserOfflineSmall Offline

Hi!

First thanks to tony, keep up your good work. And I'm happy to see that you like github (i was the one that recommended it to you 🙂

To the bug: On a grid that has so much entries that you need to scroll, if you select a cell, it will scroll to the top of the grid.

This effect appears only in Firefox and IE (both latest version), NOT in safari/webkit.

And I only get it if i enable cellEdit. The grid scrolls so that the editable cell is on the bottom. If the cell is not editable, it scrolls to the top.

Here is my javascript setup: http://pastie.org/636924

I belive that scrolling is NEVER something you want to get when selecting some entries.

The bug is both in the released 3.5.3 and your latest github version (as of now). (I built and minified it with pbor's ant script)

Best,

Peter

02/10/2009
05:40
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello Peter,

Thanks.

I could not reproduce this bug with your settings.

1. You use maybe old version, since viewsortcols is array and not variable.

2. I'm interested what  updateTestcaseSelection() function do?

3. Not sure if this is applicable, but using both cell edit and inline edit is not a good idea.

If you send me link to the problem it will be very good.

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

06/10/2009
09:48
Avatar
derekdg
Member
Members
Forum Posts: 3
Member Since:
14/05/2009
sp_UserOfflineSmall Offline

I am also having an issue with this in FireFox 3.5 and IE 6,7 using jqGrid 3.5.3.

If you have a grid with enough rows to make the window scroll and you click into an editable field, the grid automatically scrolls up to the point where the editable row is now at the bottom of your window.

Here's my testing setup. Very basic just to recreate this issue: http://pastie.org/643776

Thanks!

Derek

07/10/2009
02:21
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

I will test this, but the first that I see in the code is that a DOCTYPE declaration is missing:

Please read this : http://www.trirand.com/jqgridw.....to_install

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

28/10/2009
19:02
Avatar
derekdg
Member
Members
Forum Posts: 3
Member Since:
14/05/2009
sp_UserOfflineSmall Offline

Hi Tony,

I added the DOCTYPE declaration but the issue still happens.

Thanks

Derek

21/01/2010
09:06
Avatar
sean
Guest
Guests

I have the same problem. The solution was to hack grid.celledit.js and comment out //if (!$t.p.knv) { $($t).GridNav(); }

22/01/2010
11:17
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

Not sure if this is applicable solution, but if this works for you

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

28/01/2010
15:25
Avatar
dajaney
Member
Members
Forum Posts: 20
Member Since:
22/01/2010
sp_UserOfflineSmall Offline

Tony: This is still happening to me.

Using cellEdit, with FF on *Nix and IEX on Windows.

If you click in a cell to initiate the edit toggle, the page jumps up so that your selected cell is just under the viewable fold of the bottom of my browser window.

Is there a way to disable this?

28/01/2010
15:55
Avatar
steipete
Member
Members
Forum Posts: 3
Member Since:
30/09/2009
sp_UserOfflineSmall Offline

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.

28/01/2010
16:51
Avatar
steipete
Member
Members
Forum Posts: 3
Member Since:
30/09/2009
sp_UserOfflineSmall Offline

Yes, uncommenting the GridNav() fixes that issue. Thanks, sean!

28/01/2010
17:00
Avatar
dajaney
Member
Members
Forum Posts: 20
Member Since:
22/01/2010
sp_UserOfflineSmall Offline

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.

08/02/2010
18:48
Avatar
dajaney
Member
Members
Forum Posts: 20
Member Since:
22/01/2010
sp_UserOfflineSmall Offline

bump, any thoughts?

19/05/2010
22:05
Avatar
pkane
New Member
Members
Forum Posts: 1
Member Since:
19/05/2010
sp_UserOfflineSmall Offline

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.

24/05/2010
19:33
Avatar
nayanjyotionline
india
Member
Members
Forum Posts: 7
Member Since:
24/05/2010
sp_UserOfflineSmall Offline

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

01/09/2010
03:27
Avatar
mercurio
Encinitas, CA, USA
Member
Members
Forum Posts: 3
Member Since:
22/04/2010
sp_UserOfflineSmall Offline

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.

03/09/2010
09:45
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

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

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

26/10/2010
00:31
Avatar
mercurio
Encinitas, CA, USA
Member
Members
Forum Posts: 3
Member Since:
22/04/2010
sp_UserOfflineSmall Offline

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?

28/02/2011
16:27
Avatar
Vetal
New Member
Members
Forum Posts: 1
Member Since:
28/02/2011
sp_UserOfflineSmall Offline

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.

13/03/2011
16:04
Avatar
Wakamolee
Member
Members
Forum Posts: 5
Member Since:
02/02/2011
sp_UserOfflineSmall Offline

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.

10/10/2011
17:10
Avatar
adkan11
Member
Members
Forum Posts: 3
Member Since:
10/10/2011
sp_UserOfflineSmall Offline

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

This topic is locked No permission to create posts
Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
66 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information