WordPress.org

Ready to get started?Download WordPress

Forums

Basic Google Maps Placemarks
Info Window Display Problem with IE9 (5 posts)

  1. Gillian
    Member
    Posted 1 year ago #

    Hi Ian

    Most of my maps have placemarks with a variable number of years in the info window - this is an example page (takes a few seconds to load)
    http://www.polioaustralia.org.au/?page_id=4750

    I recently looked at this page using IE9 and found that all the info windows with 3 years in their content wrap the third year onto a second line and have a vertical scroll bar. On the page above, I have temporarily replaced one of my usual "3" placemarkers with a pin placemarker so you can readily see the issue but you'll see the same scroll bar effect in the info window if you click on any other "3" placemarker on the map. On the other hand, for example, info windows for "4" placemarkers are fine - all 4 years are on the same line.

    The scroll bar behaviour does not occur in IE8, Firefox, Opera or Chrome.

    Any ideas?

    http://wordpress.org/extend/plugins/basic-google-maps-placemarks/

  2. Ian Dunn
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Gillian, the first thing I'd do would be to try switching to the TwentyEleven theme for a few minutes, just to check if it happens in that theme too. That'll help isolate the problem.

    Assuming the problem only happens in your theme, and since it only happens in IE9, I'd probably create a conditional stylesheet for IE9 (or, preferably, use IE body classes) and
    experiment with the following values. Try different combinations and different values.

    .bgmp_placemark
    {
        overflow: hidden;
        /*padding-right: 10px;*/  /* experiment with different pixel values */
        /*word-wrap: normal;*/
    }

    Your theme is applying the new CSS3 word-wrap property, which may be the source of the problem. It looks like it's fully supported by IE9 (except for using the legacy name), but most themes don't use it, so it wouldn't surprise if that were the problem.

    You can also open IE9's Developer Tools to inspect the .bgmp_placemark elements. Look for differences in the between a .bgpm_placemark div with 3 years and the others. You can also try switching the document mode to IE8 and seeing if you can spot any differences between it and IE9.

  3. Ian Dunn
    Member
    Plugin Author

    Posted 1 year ago #

    Would you mind if I added a link to your site to the main plugin description page? I think it could serve as a good example of what the plugin looks like when used.

  4. Gillian
    Member
    Posted 1 year ago #

    Hi Ian

    Yes, that's fine :-)

    Either of these pages may be good to link to as an example
    http://www.polioaustralia.org.au/?page_id=6098
    http://www.polioaustralia.org.au/?page_id=4733
    because they both display the new cluster feature in action.

    By the way, I'm sorry I haven't got back to you about the problem I described in this thread - I really do appreciate your advice. I tried the code you suggested but it didn't resolve the issue. I also found that it was a broader problem than just the "3" placemarks eg "9" placemarks are also affected in IE9. I need to find some time to have another go at isolating what is causing the issue.

  5. Ian Dunn
    Member
    Plugin Author

    Posted 1 year ago #

    No problem, let me know what you find out and I can fix the plugin if it turns out to be an issue with the plugin instead of the theme.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic