inline styles on the map container are breaking my view
See original GitHub issue container: {
position: 'absolute',
width: '100vw',
height: '100vh'
}
is causing the map to leave my container
it used to be
container: {
position: 'absolute',
width: '100%',
height: '100%'
},
and it worked just fine.
Issue Analytics
- State:
- Created 7 years ago
- Reactions:2
- Comments:6
Top Results From Across the Web
How can I dynamically set style of a mapped element without ...
I'm trying to avoid manual entry of the entire set of key/values of 'ingredients', to allow updating the object without breaking the code....
Read more >overflow-inline - CSS: Cascading Style Sheets - MDN Web Docs
The overflow-inline CSS property sets what shows when content overflows the inline start and end edges of a box. This may be nothing,...
Read more >Inline Styling In React | Pluralsight
The best part is that it allows you to break a component into smaller, reusable components. Instead of putting all the logic into...
Read more >Change a map's style | Mapbox GL JS
This example adds a clickable interface that enables a user to apply several different styles to the map. When the user clicks a...
Read more >Adding Custom Styles - Tailwind CSS
This guide covers topics like customizing your design tokens, how to break out of those constraints when necessary, adding your own custom CSS,...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@kevinSuttle, it looks like you’re just changing the map style, but not the container style. Try including:
as well.
You can override this through the Map component’s containerStyle prop: