Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React Burger Menu breaks Firefox

See original GitHub issue

I’m not sure why, but with react-burger-menu I get this issue:

TypeError: CSS2Properties doesn't have an indexed property setter for '0'

It breaks my react-router and I’m no longer able to navigate within the app

Issue Analytics

State:
Created 8 years ago
Reactions:1
Comments:15 (7 by maintainers)

Top GitHub Comments

2reactions

negomicommented, Mar 8, 2016

Ah, this is because you’re using react-router. See https://github.com/negomi/react-burger-menu/wiki/FAQ#why-doesnt-the-link-component-from-react-router-work

I cloned twreporter-react (the project you mean I think?) and checked out the commit before you removed react-burger-menu, added this fix, and it works fine.

Sorry, the FAQs are a bit hidden in the wiki 😃

1reaction

mxscommented, Sep 16, 2016

I’ve tried all of the above methods to get around the issue but only the wrapping of of Link in a div worked in the end.

Top Results From Across the Web

negomi/react-burger-menu: An off-canvas sidebar ... - GitHub

An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations. Using Redux? Check out...

reactjs - React-Burger-Menu works on localhost, but doesn't ...

On small screens my navbar is hidden and the hamburger menu works. After pushing the project to Surge.sh my full screen navbar breaks...

Responsive burger menu is broken in Firefox - SiteOrigin

In Firefox Developer Edition 57.0b7 (64-bit) and Firefox 56.0 (64-bit) the burger menu in theme North is broken.

How to use Bulma CSS with React - LogRocket Blog

Learn how to use Bulma, an open source CSS framework, within React for easy styling without the need for JavaScript.

xlink:href - SVG: Scalable Vector Graphics - MDN Web Docs

The xlink:href attribute defines a reference to a resource as a reference IRI. The exact meaning of that link depends on the context...