react-simple-maps icon indicating copy to clipboard operation
react-simple-maps copied to clipboard

Published 20 hours ago • verified publisher icon zcreativelabs

Map is not Rendering only in Safari

Open kennethbigler opened this issue 2 years ago • 2 comments

Here is my implementation: https://github.com/kennethbigler/react-home/blob/main/src/components/resume/travel-map/WorldMap.tsx

This renders fine in Chrome, but will not render in Safari on Mac or Mobile. This is a regression as it used to work fine for Safari with no code changes.

kennethbigler avatar Oct 19 '23 17:10 kennethbigler

The answer solved the issue for me on Safari: https://stackoverflow.com/questions/64449042/svg-using-react-simple-maps-not-displaying-on-mobile

by adding a property of style={{width: "100%"}} to <ComposableMap>, the issue now seems to be resolved! This SHOULD NOT replace the width="1200" property

HarryHung avatar Nov 14 '23 14:11 HarryHung

This fix worked for me, although I still thing it is an issue that should be fixed :)

kennethbigler avatar Nov 15 '23 15:11 kennethbigler