Need 2 clicks for open properly

In Firefox (haven’t tested in other browsers yet) I’ve found (only recently) that the first click on a placemark opens up the info window with scroll bars present (which didn’t used to happen). If I click on the placemark a second time (while the info window is open) then the info window reappears correctly, without scrollbars. Thereafter, until the page is refreshed, the first click on a placemark opens up the info window correctly (without scrollbars).

Having checked the placemarks on your site, I believe this is the same info window display issue that you are experiencing, and described in your post.

What theme are you using?

This is the theme:

https://themeforest.net/item/bigbang-responsive-wordpress-template/2826493

Thanks for the reply Iainol. We use different themes so the issue probably isn’t tbeme related.

The good news is that I just updated to WordPress 3.7 and the issue has resolved itself. I suspect that the previous WordPress update might have been what introduced the problem, because the problem only turned up relatively recently.

Same problem.
I just updated to 3.7 but always 2 click for open properly.
The first click open little window with scroll bars!

Placemark with iframe video looks good with one click!

Problem is with image inside post.

I’ve been meaning to come back and post again to say the problem wasn’t resolved for me by the WordPress update as I had thought it was. I still have the issue. The first click on a placemark opens the info window with scroll bars – clicking either that placemark again, or any other, opens the info window correctly, until the page is refreshed.

Is this issue being looked at? It is being reported by a few people, using different themes. Possibly those who haven’t reported the issue just haven’t noticed it yet.

I’m seeing that too. The Maps API dynamically generates the size for each box when it opens, and it seems like it’s not doing it correctly the first time.

The div.gm-style.iw element has the height attribute set a few pixels too small, which causes the scrollbars.

I played around with a few potential fixes, but couldn’t find anything that worked. I’ll try again when I have some more time.

Thanks for looking into this, Ian – much appreciated ??

And Merry Christmas!

Thanks for the great plugin. Any update on this issues?

Same problem here. Any ideas yet?

I found the solution!

Simply add the following rule to your style.css:

// Basic Google Maps Placemarks Fix
div.gm-style-iw {
  width: 510px;
  height:310px;
  }

Change width and height to be suitable for your needs.

Hi Nils,

awesome, works perfectly. THANK YOU!

Thanks, Nils ?? For my application which has variable-height info windows, I found this variation (hides the scrollbar completely but doesn’t bother me because I don’t need it) worked better:

// Basic Google Maps Placemarks Fix
div.gm-style-iw {overflow: hidden !important;}

The first click on the first placemark now chops off a bit of white space under my info window content, but at least it looks better than having a scroll bar which isn’t needed.

For those who might want ot delve further into the reported issue, this thread
https://stackoverflow.com/questions/1554893/google-maps-api-v3-infowindow-not-sizing-correctly
has a lot of posts and many different solutions, but they mostly require coding ability.