search

jellekralt / Responsive-Tabs

Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
http://jellekralt.github.io/Responsive-Tabs/
MIT License
531 stars 228 forks source link

Google maps is not rendered #68

Closed banifou closed 9 years ago

banifou commented 9 years ago

I use Google maps in a secondary tab (not default active one). When I click this tab the map is not rendered, I mean the frame is there but all grey. The map get rendered only after reloading the page. Why? How can I fix it?

Thanks

coxrichuk commented 9 years ago

@banifou Google maps is unable to draw a map if its inside a hidden div

Best way around this I have found in the past is to only draw the map once the tab has been loaded.

banifou commented 9 years ago

Sorry, but I'm not using it any more. Your response comes far too late!!! By the way, I tried everything... It's not working

jellekralt commented 9 years ago

For future reference, for anybody that runs into this problem: @banifou is right, this problem is not specific to this plugin, but is due to Google Maps not being able to draw inside a display: none element. For more info, check: http://stackoverflow.com/questions/4700594/google-maps-displaynone-problem