Tooltip misalignment w/ Horizontal Scrolling
Created by: ghost
MacBook Pro 2.3 ghz Core i7 Mac OSX 10.9.5 Google Chrome (version 42.0.2278.0 canary (64-bit)) Safari (version 7.1 (9537.85.10.17.1)) Mozilla Firefox (version 34.0.5)
When creating wide data tables with many td elements, the tooltip does not align with corresponding far right td elements when the frame is scrolled horizontally. The td elements that reproduce the issue must be made visible by scrolling horizontally.
http://jsfiddle.net/benkennedy/Ld0ptsov/1/
- Load the JSFiddle page
- Shrink the fourth pane (bottom right pane) to the point where you only see half of the table.
- Hover on the first td element, and notice the tooltip is working as expected.
- Scroll horizontally to the far right, and hover over the last td element. Notice the tooltip is not in the expected location.
This issue looks like it may be located in the Tooltip.prototype.getPosition method, more specifically - width: $(window).width().