WebFlow Design In Firefox and other browsers

Is there any work-in-progress for the WebFlow design/development tools to be compatible within Firefox?

1 Like

If I remember correctly the reason Firefox doesnt work is actually Mozilla’s fault… I believe there’s a bug to do with scroll bars that needs to be addressed before Webflow could work in firefox. Right now WebKit browsers are all that works perfectly, so chrome and safari.

3 Likes

use “user agent switcher” for firefox. i think it would work…

Thanks for sharing.

Is the “user agent switcher” an add-on or a built-in feature within FF? I tried adding an add-on but they didn’t seem to work.

1 Like

Reviving this old thread… I’ve just switched back to Firefox and am shocked to find that the Webflow designer doesn’t support it. Can someone elaborate what the problem is? Is there a Mozilla bug filed for it?

I am also curious as to why this is.

@jaidenleach Can you confirm whether or not this is Mozilla’s fault? A link to a Mozilla bug report would be helpful for those who wish to know if the problem has been resolved.

@PixelGeek There are several reasons to use Firefox instead of Chrome, but I won’t get into all of them right here. The main reason for me is that Firefox, as a truly open-source project, is ubiquitous across nearly every device and operating system known to man. I have it installed on my phone (running stock Android), tablet (same), laptop (running Arch Linux), and desktop (running Windows 8.1), and I have yet to encounter any major issues on any of them, other than this one. I have tried Chrome on Linux before, yet the integration was sub-par, and actually caused unsupported browser issues on multiple occasions. I have yet to have this issue with Firefox until now.

It was a Mozilla bug for the specific issue people were experiencing with the webflow designer scrollbars, but that was quite a while ago I’m afraid I don’t have that info any longer, I actually found it on a forum post way back when I think. I do not personally use firefox so not sure if there are still any known issues.
@pixelgeek or @cyberdave may be aware.

Chrome is usually the go to because it is often the first to implement the latest technologies (important for a web app like webflow) to the best of their standards and often has had the most reliable rendering in line with web standards. I do understand your desire for firefox of course :slight_smile:

Thank you for the quick reply, I’ve yet to run into any actual issues so far, I’ve just had the pop-up tell me that my browser wasn’t supported.

From looking at HTML5test - How well does your browser support HTML5?, there appears to be only a few HTML 5 standards that Firefox does not support that both Chrome and Safari do.

These are:

  • Keygen field
  • Label property on fields
  • dirName attribute on fields
  • Speech synthesis
  • Ellipse support
  • Web SQL Database

Of these, the following seem to be the most likely blockers:

  • Label property on fields
  • dirName attribute on fields
  • Ellipse support

Do any of these sound like they are necessary for Webflow to function?

Yea you bet! Hmm not sure, the only ones that pop at me as possibilities are Label property on fields, and ellipse support.

Just saw the link you edited in. So, if I understand the situation correctly, there is a non-standard CSS feature that allows you to edit the look of the scroll bar, which both Safari and Chrome support, which you deem essential, and wish Firefox supported as well?

After further looking into this, I’m not sure this is even possible. One of the reasons I disliked using chrome in Linux, is because it was extremely intrusive, and did not integrate well with my system’s window manager, especially if the window manager I was using was not the distribution’s default.

I’m pretty sure that scroll bars on application windows are implemented at this level of the operating system, and such a feature would require finding a way to override the system’s scroll-bar for every window manager that Firefox supports. Not only would this require a massive amount of effort, but it would also frustrate users who like their scroll bar to match on all of their application windows (such as myself).

Just for a frame of reference, here is a list of window managers that Arch Linux supports: https://wiki.archlinux.org/index.php/Window_manager

I believe @callmevlad edited that link in, as it isn’t even showing on my account as a link for some reason :confused: but yes it was to do with the scroll bar, but it has to do with changing the in-browser styling of it… People use to colour the website scrollbar all the time even back in the days of Windows 98 (it was hideous lol, but done often). Definitely something that is done and found in many web apps nowadays. Not doing so in Webflow may have a negative impact in my opinion for many non-Mac users (Mac auto hides the scrollbar), as It’s way nicer to have a scrollbar in the design panel, site area, and add panel, that only shows up when you need it, versus one that is present all the time when you’re trying to design.

Okay, I see what you are saying, and I imagine that might be more doable, but I lack the knowledge on how exactly it’s currently implemented in order to be sure. Unfortunately, it appears that I cannot save my site while using Firefox. If I were to design a site in Chrome, could I at least trust that others could view it using non-Webkit browsers, such as Firefox? If not, I would not be able to use WebFlow to design my site, no matter how much I like it otherwise.

Also, it appears there are jquery plugins which allow customization of in-window scroll bars. Would it be possible to switch over to those, so as to restore compatibility with non-Webkit browsers?

Hey, yea Webflow is compatible with all modern browsers wherever possible according to their limits, just the designer itself is required to be used in chrome (check out the second section on this page). @cyberdave or @callmevlad may be able to provide feedback on the the request of bringing the designer to non-Webkit browsers.

We have spent untold hours creating a website in Webflow and have just discovered that, after exporting and publishing the code on our domain, our new website works just fine in IE, Chrome, and Safari but is totally useless in Firefox. Dropdown menus don’t drop down, sliders don’t slide, and tabs don’t function. Are we doing something wrong or is this a Webflow and/or Firefox issue? When we signed up for Webflow there was no mention that it is incompatible with one of the top browsers. Does anybody know definitely why this is happening?

Hello Bill,

Only the design screen is not compatible with Firefox, your actually website design its self should work just fine.

Can you share your preview link so we can take a look?

Scrollbars are not generally implemented by the window manager, but by the toolkit (e.g., gtk+, etc). In the case of Firefox, it’s way more complicated than it ought to be, because of the decades of legacy code and cross-platform abstractions it has.

This is sadly a case where this isn’t a burning issue as seen by Fx devs, specially when they consider that (a) it is not standardized, and (b) it’s a lot of work given Fx source cruft. But Webflow considers it essential, so it blocks Firefox. And because Fx market share isn’t what it used to be, they can get away with it.

Sad state of affairs. I get Webflow devs want consistency and good looks, but standards matter. Remember the days? That sucked, right? Let’s not go back to “Best viewed in IE” please.

Any follow up on this? I just realized today that Firefox is incompatible with Webflow and it would be great to see where we stand with this.

I’m working with Webflow in Vivaldi since a week and its great. It became my default browser.

Same here, went with Vivaldi a couple days ago and now stick with Vivaldi. :wink::grinning::blush::+1: