search

Automattic / antiscroll

OS X Lion style cross-browser native scrolling on the web that gets out of the way.
1.07k stars 162 forks source link

Native scrollbars are visible in Firefox and IE #77

Open asm0dey opened 10 years ago

asm0dey commented 10 years ago

Example: http://fonbet.asm0dey.cloudbees.net/

Just resize browser window to size, when table doesn't fit into screen (by height).

yairEO commented 10 years ago

your demo pages acts really weird. please create a JSBIN to show the issue.

asm0dey commented 10 years ago

I can't reproduce this problem in jsfiddle :(

mylann commented 10 years ago

Having the same issue on Mac OS. Even the demo shows the native scrollbars: http://cl.ly/image/142M1h0C2l1K

gilo commented 10 years ago

I have the same issue. Firefox 28 on OS X display both the native scroll track and bar along the antiscroll bar

pirxpilot commented 10 years ago

I think that the problem here is that Firefox on OS X at some point started using overlay (A.K.A. lion style) scrollbars. For antiscroll to work properly we need to measure the scrollbar width. The code that does that is here. However since new Firefox scrollbar 'floats' over the content its width is measured as 0. As a result antiscroll does not add any padding to .aniscroll-inner element that would hide the scrollbar, which in turn makes both scrollbars, native and antiscroll generated, visible.

In my component compatible fork I am using an ugly hack - adjusting the width of the scrollbar if its calculated witdth is 0. If someone wants to port it back here I can help.

If someone has a better idea how to properly fix it don't hold back ;-)