search

SamSamskies / react-map-gl-geocoder

React wrapper for mapbox-gl-geocoder for use with react-map-gl
MIT License
122 stars 29 forks source link

Dotted line around entry box when active #80

Closed kjkurtz closed 3 years ago

kjkurtz commented 4 years ago

The newest version (2.1.2) has a dotted line around the geocoder text box when it is active. This can be seen in the main codesandbox example: https://codesandbox.io/s/react-map-gl-geocoder-using-containerref-to-ignore-events-rewdh

Screen Shot 2020-09-16 at 2 05 41 PM
SamSamskies commented 4 years ago

Hi @kjkurtz, the outline seems to be there on purpose and was previously not showing up before because of a bug in the CSS. See the following PR in the mapbox-gl-geocoder repo for more details https://github.com/mapbox/mapbox-gl-geocoder/pull/343.

Their current demo (https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder/) doesn't show the dotted line cause it's using the CSS from mapbox-gl-geocoder v4.5.1. The change in the PR was released in v4.6.0.