preview.webflow.com - see bug description

[karlcow]

URL: https://preview.webflow.com/preview/flexbox?preview=78f49011ac3db6ccea265c2ba8a94185&m=1
Browser / Version: Firefox 56.0
Operating System: Mac OS X 10.12
Problem type: Something else - I'll add details below

Steps to Reproduce

1. Navigate to: https://preview.webflow.com/preview/flexbox?preview=78f49011ac3db6ccea265c2ba8a94185&m=1

Expected Behavior: No message.

Actual Behavior: A message saying that my current browser is not supported (currently Firefox.)

From webcompat.com with ❤️

[adamopenweb]

@karlcow https://forum.webflow.com/t/webflow-design-in-firefox-and-other-browsers/3909

Seems like this issue has been around for a while.

[karlcow]

So basically connected to
The author of the site did it on purpose because of "Style the scrollbar (binding ::-moz-horizontal-scrollbar to XBL)" bug.

This issue is the #1 reason that Webflow doesn't support Firefox natively. Not having the ability to style scrollbars makes our entire application UI look very janky, for lack of a better word. When the entire interface is dark, white scrollbars stick out like a sore thumb - and remind the user that they are on a website, not a web application.

We would be willing to set up a $2,500 bounty (or higher, depending on completion timeline) to get this feature implemented. Ideally, the implementation would follow Webkit's syntax closely (which works well in Chrome, Safari, and Opera): https://css-tricks.com/custom-scrollbars-in-webkit/

[karlcow]

Thanks @adamopenweb. Let's close as a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=77790