Search and Top Navigation
#8812 closed bug (duplicate)
Opened November 14, 2012 05:44AM UTC
Closed November 17, 2012 03:51AM UTC
jQuery ui.sortable._getParentOffset.top returns different values for chrome and ff
| Reported by: | amid2887 | Owned by: | amid2887 |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.10.0 |
| Component: | ui.sortable | Version: | 1.9.1 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
jQueryui.sortable._getParentOffset.top returns different values for chrome and ff.
I have different values in that part of script in the _getParentOffset function:
po.top += this.scrollParent.scrollTop();
chrome and ff ( for exmaple ) returns different values..
And that produce some troubles with position of helper when I using ui.sortable.
For me now helps this changes to original code:
po.top += this.scrollParent.offset().top;
Attachments (0)
Change History (5)
Changed November 14, 2012 01:20PM UTC by comment:1
| owner: | → amid2887 |
|---|---|
| status: | new → pending |
Changed November 14, 2012 01:40PM UTC by comment:2
Also, please provide a description of how this affects users, not just a statement about the return value of an internal method. This will help anyone searching for duplicate tickets or anyone trying to verify and triage the bug.
Changed November 15, 2012 07:00AM UTC by comment:3
| _comment0: | Hmmm. When I am trying to create some test page I found the one alternative way to solve that problem. \ \ Test cases are here: [http://jsbin.com/ecepav/1] or [http://jsfiddle.net/DRWHK/] \ \ How to see trouble: In the page you have some table with random info. Each TR of table can be sortable by jQueryUI.sortable(); You can to sort items and all looks fine, but if you scroll page more down and try to sort item you will see the more of scroll provide the most wrong sortable helper axisY position. \ \ I'm trying to fix that like way I wrote upper, but now I found another way: \ Problems dissapeared if ( in the examples ) we just remove \ {{{ \ body { overflow-y: scroll } \ }}} \ OR \ {{{ \ #wrap { position: relative } \ }}} \ . I understand it can be a solution for that but what I should to do if I need rules for body and #wrap ??? \ \ Platform: Win 7; \ Problem Browser: Google Chrome 23.0.1271.64 m; → 1352968352287370 |
|---|---|
| status: | pending → new |
Hmmm. When I tried to create some test page I found the one alternative way to solve that problem.
Test cases are here: http://jsbin.com/ecepav/1 or http://jsfiddle.net/DRWHK/
How to see trouble: In the page you have some table with random info. Each TR of table can be sortable by jQueryUI.sortable(); You can to sort items and all looks fine, but if you scroll page more down and try to sort item you will see the more of scroll provide the most wrong sortable helper axisY position.
I'm trying to fix that like way I wrote upper, but now I found another way:
Problems dissapeared if ( in the examples ) we just remove
body { overflow-y: scroll }
OR
#wrap { position: relative }
. I understand it can be a solution for that but what I should to do if I need rules for body and #wrap ???
Platform: Win 7;
Problem Browser: Google Chrome 23.0.1271.64 m;
Changed November 15, 2012 03:37PM UTC by comment:4
Also if page has horizontal scroll - helper axisX position has too wrong positioning.
Thanks for taking the time to contribute to the jQuery UI project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket.
Additionally, be sure to test against the git version of both jQuery UI and jQuery to ensure the issue still exists. To get you started, use this boilerplate: http://jsfiddle.net/ZgAqH/ Open the link and click to "Fork" (in the top menu) to get started.