infoBubble with max-height has problems scrolling with large content

577 views
Skip to first unread message

Keith

unread,
Dec 12, 2011, 3:54:42 AM12/12/11
to Google Maps JavaScript API v3
I have a tab on my infoBubble with a lot of content. It has too much
content to display all at once so I set a max-height on the
infoBubble. As I desire, the infoBubble now displays part of the
content with a scroll bar. But the scroll bar doesn't always work
correctly. Sometimes it will scroll and show all of my content.
Other times the scroll bar will scroll, but the content doesn't scroll
with it. Other times the content will scroll, but the content becomes
jumbled.

For example, try using the infoBubble base example at:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

First set the maxHeight parameter to 200 and click the 'Update styles'
button.

Next add a new tab with a lot of random content (more than can be
displayed in 200 pixels).

Next, close the infoBubble and re-open it (or the new tab will still
just display "hello" in the content section - is this a bug in the
example?)

Now try to scroll in the new tab.

My browser is Google Chrome version 15.0.874.121 m

It appears that this doesn't happen with other web browsers so perhaps
it is a more generic issue with Chrome??

Cameron

unread,
May 8, 2012, 10:02:39 AM5/8/12
to google-map...@googlegroups.com
Did you ever find a solution to this? I am currently having the same issue.
Reply all
Reply to author
Forward
0 new messages