mapbox / mapbox/mapbox-gl-geocoder
Geocoder CSS causes problems when using with Font Awesome Icons
Open
Nobody has claimed this yet.
auto-triaged
bug
- Dominant language
- JavaScript
- Stars
- 388
- Forks
- 181
- PR merge metrics
- No merged PRs in 30d
Description
I've add Geocoder to my webpage, and it also uses Font Awesome Icons. Adding the Geocoder CSS causes the icons to become much larger than they should be.
Code available [here](https://github.com/lunchbench/client/blob/00bb60dff0dcd7aeb95eb1bfa8713c8c6581f863/pages/create.tsx).
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue from pages/create.tsx, using the Geocoder CSS alongside Font Awesome. Inspect which styling causes the icons to grow and verify the page retains the intended icon size after the Geocoder styles are loaded.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100