mapbox / mapbox/mapbox-gl-geocoder
Custom styles to geocoder not applying directly to element
Open
Nobody has claimed this yet.
auto-triaged
needs information
- Dominant language
- JavaScript
- Stars
- 388
- Forks
- 181
- PR merge metrics
- No merged PRs in 30d
Description
Following this example: https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-outside-the-map/
I am using Next.js and Tailwind CSS but have tried style inlined. Custom styles to the geocoder are applying to a parent element, which is unexpected compared to the example.
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 behavior from the linked Mapbox geocoder example in a Next.js application using Tailwind CSS, then compare inline and custom styles. The issue names no repository file or test; done means styles apply directly to the geocoder element rather than its parent.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, next.js, tailwindcss
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100