Comments (8)
Chrome 40 on the exact same revision and OS and I don't seem to be able to reproduce this.
Zoom level in browsers is just a nightmare to support. It is different in every browser and they are all buggy... Generally I don't support anything other than 100% zoom - although obviously it is a nice to have if it works correctly! Any other way to reproduce this, or perhaps you could try inspecting the element to see if it does have padding?
from scroller.
Yes, it has padding, and it's even explicitly assigned!
<div class="dataTables_scrollHeadInner" style="box-sizing: content-box; width: 869px; padding-left: 14px;">
Did you reload the page? This only repros for me if the page's first render is at > 100% zoom -- just zooming in on an already rendered DataTable is fine.
from scroller.
Also repros on Safari 8, but does not seem to repro on Firefox 33 (maybe WebKit related?).
from scroller.
Bizarrely I can't reproduce on Safari either.
Exact steps I've taken:
- Load page
- Zoom using cmd-+
- Reload
- All the same.
Ooo. I think I might know what it is - the left-to-right detection in DataTables... I remember getting a report a little while back that when the zoom level was adjusted it made DataTables think it was right-to-left, so it puts space for the scrollbar on the left...
I'll bet that is what it is.
Could you do me a favour and on the page when that problem is showing open the console and punch in:
$.fn.dataTableSettings[0].oBrowser.bScrollbarLeft
My guess is that it will show true
...
from scroller.
Yes, that's it!
> $.fn.dataTableSettings[0].oBrowser.bScrollbarLeft
true
from scroller.
Got it - thanks!
It wasn't appearing on my machine as I've got (had) this machine configured to Apple's new scrollbars - zero width and floating. With scrollbars shown it was immediately visible.
The problem it turns out was indeed the left scrollbar detection - when DataTables checks for the position of an inner element that it set to be 1px, it expected to get back 1px, but when zoomed it was actually returning a non-integer value: 0.9943181276321411.
I've added a call to Math.round
which should address the problem.
Thanks for your help investigating this.
This bug on the DataTables core repo also notes this issue.
from scroller.
The fix and I'm just about to rebuild the nightly.
from scroller.
Awesome. Thanks!
from scroller.
Related Issues (20)
- Scroller, Responsive and scrollCollapse HOT 1
- Scroller does not work with i18n HOT 4
- Binding scroller with mCustomScrollbar() HOT 1
- Install with composer HOT 1
- Viewport height change doesn't change 'showing' rows HOT 6
- Drag to the end, dynamically generate serial error, the first column HOT 2
- <object> tag in IE HOT 3
- Scroller not working with more than 30k rows HOT 13
- Push 1.4.4 version on bower repository
- Unnecessary scrollbar when scrollCollapse is true HOT 17
- The "stateSave" option doesn't work HOT 7
- Scroller + export buttons = partial data dump HOT 4
- Scroller shows strange behaviour on ajax reload while keeping scroll position HOT 1
- Problem With Padding in header... HOT 6
- Columns are miss-aligned when zoomin in/out with the browser HOT 1
- Feature request: A way to show a skeleton screen while adding more content HOT 1
- row.child("some htmls").show() is not working with scrolling pagination
- Scroller wrong `types` and no `module` field HOT 1
- InfoFiltered hidden when filtering HOT 1
- Table is not rendering all records. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scroller.