infobubble: does not like long titles or spaces in tabs; causes a new line for tabs*

[GoogleCodeExporter]

Demo link or sample code:
http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/exampl
es/example.html

What steps will reproduce the problem?
1. Delete the two preloaded tabs, (delete index 0 twice)
2. Add two Tabs with two words in title "FOO resource", "Bar resource"
The second title creates a new line of tabs

Expected result:
The tabs would remain in-line

Actual result:
The in-line breaks

Version: Revision 265

FF, OSX

Additional comments:
[Enter any additional comments about the bug here.]

*********************************************************
Tip: Star this issue (next to title) to receive notifications of status
changes against this issue, also used as a gauge for how many people are
interested in seeing it resolved.
*********************************************************

Original issue reported on code.google.com by benjamin...@gmail.com on 14 Feb 2011 at 9:30

[GoogleCodeExporter]

Seeing this problem, even without two words in Firefox beta 11 on OSX.  

Issue may lay there on calculation of margin-right for this newer browser?

Also border radius in FFb11 do not get added.  

New to this code, only about 2hrs of play so far so I'm not super familiar yet 
in order to suggest places to look.

Everything seems to work as expected in Google Chrome & Safari.  Will reinstall 
FF release version and test there.

Original comment by steven.s...@gmail.com on 21 Feb 2011 at 7:20

Attachments:

• screen.jpg

[GoogleCodeExporter]

This is definitely still an issue, and it is very unpredictable.  For instance, 
in my environment, "Talkback" as the label works fine, but "TalkBack" breaks 
into two rows, etc.  Very odd.  I can do longer titles like "User Cred" and it 
works fine.  This is an issue in my Firefox 6.0.2/Win7 environment.  Chrome and 
IE seem to work ok.

Original comment by precede...@gmail.com on 19 Sep 2011 at 2:02

[GoogleCodeExporter]

Also a problem in IE9 without long titles

Original comment by b3n.r1ch...@googlemail.com on 2 Nov 2011 at 9:45

Attachments:

• map.jpg

[GoogleCodeExporter]

In ie all new tabs from second will be added in uper row.

Original comment by mariusba...@gmail.com on 22 Feb 2013 at 6:51

[GoogleCodeExporter]

I was also having this issue in IE9. If I'm reading the code correctly it looks 
like the function used to calculate the width of the tabsContainer_ div 
(.getElementSize_()) may not be taking into account the padding and margin 
width for the tabs. 
For my situation commenting out line 1714 :  this.tabsContainer_.style['width'] 
= this.px(tabWidth); fixed the stacking issue and let me set the font size a 
little larger.

Original comment by mikezanc...@gmail.com on 24 Sep 2014 at 4:16