search

fulmicoton / fattable

Javascript Library to create scrollable table with infinite rows and columns.
MIT License
482 stars 39 forks source link

Does not work on Mac OS 10.8.4, FF 27.0.1. #3

Closed nathancahill closed 10 years ago

nathancahill commented 10 years ago

Mac 10.8.5, Latest version of FF.

I can only scroll after I move my mouse to the right or bottom edge of the window and the scroll bars appear.

fulmicoton commented 10 years ago

Thanks. Could you check the version number of FF?

nathancahill commented 10 years ago

27.0.1

fulmicoton commented 10 years ago

It works for me on Mac OS 10.8.4, FF 27.0.1. That's weird. Can anyone confirm?

nathancahill commented 10 years ago

Vertical scrolling appears to be working now. No horizontal scrolling though.

fulmicoton commented 10 years ago

Thanks for the update! I'll ask a colleague with your exact setting if he can reproduce.

fulmicoton commented 10 years ago

That's due to OS X Lion. A new spec for scrollbars that only appear when the container is hovered. It can be bypassed via CSS. I will add the rule for the demo which is why I don't close the issue right away.

Anyone experience this issue can fix it by adding this into their css:

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

.frame::-webkit-scrollbar:vertical {
    width: 11px;
}

.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.frame::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
}
fulmicoton commented 10 years ago

Ok that fixes it for webkit. I added to the default css shipped with fattable. It cannot be fixed via css on firefox / Mac OS X Lion.

It's a well know problem that firefox does not want to address. User can change the behavior by changing preferences.

I'm afraid this is a wontfix except if someone has an idea?