zcreativelabs / react-simple-maps

Beautiful React SVG maps with d3-geo and topojson using a declarative api.
https://www.react-simple-maps.io/
MIT License
3.12k stars 426 forks source link

How to get rid of the border rectangle when the country is clicked #342

Closed jan-blaska closed 1 year ago

jan-blaska commented 1 year ago

Please, can anyone provide a solution for this? Thank you in advance.

jan-blaska commented 1 year ago

I found a solution, for those you will tackle the same as I did, you can add the class to "Geography" component, which you can call for example "country" and then, in CSS, you add this line of code:

.country:focus { display: none; }

siberry commented 11 months ago

Using styled-component, I went with

const StyledGeography = styled(Geography)`
  outline: none;
`;