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.

Responsive maps are not responsive

See original GitHub issue

Describe/explain the bug The map components (geo) do not seem to be responsive, even though they imply they are, in their name. This applies to all, ResponsiveGeoMap, ResponsiveGeoMapCanvas, ResponsiveChoropleth and ResponsiveChoroplethCanvas.

There is a projectionScale property that scales the map, but the component is not automatically responsive.

To Reproduce

Go to https://nivo.rocks/choropleth/
Resize your browser
Notice that the map does not actually resize

Expected behavior Map should scale when the container’s size updates.

Issue Analytics

State:
Created 4 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

4reactions

LuzanFcommented, Dec 22, 2020

@plouc I found interesting d3 method: projection.fitextent, the question is how can I use it with Nivo

0reactions

plouccommented, Dec 22, 2020

@LuzanF the chart disappearing sounds like a bug, do you think you could reproduce this in codesandbox for example?

The doc use a config with some custom controls, but I think this would be way too complicated for most case, you could use a state and native range controls for example.