What steps will reproduce the problem?
1. Use the News bar (vertical) in IE8 (only, IE7 and IE9 works)
2. use a many keywords so they should wrap (in multiple lines) due to their
number
3. run
What is the expected output? What do you see instead?
The keywords used, should be displayed and wrap in the defined area.
What happens is that the keywords do not wrap and they extend horizontally
outside of the container
What version of the product are you using? On what operating system?
The one provided by the wizard at
http://www.google.com/uds/solutions/wizards/newsbar.html
Please provide any additional information below.
demo exhibiting the bug : http://jsfiddle.net/HAjWZ/
I debugged the issue and it seems that it is a bug in IE8 really, but there is
an easy workaround so i am posting it here in case you want to integrate it.
The bug is that when you insert (in IE8 only) a dynamically created element
(only tested with span) in the DOM and the innerHTML has leading spaces, they
all get removed.
Demo exhibitiong the IE8 bug at http://jsfiddle.net/gaby/hREHx/
Now in the GSNewsBar, there is a span being added after every link (keyword),
which contains a single space (i assume it is added just for this reason, to
make the links wrap around). IE8 removes the space and so it becomes an empty
span and so the is nowhere for IE to break the text and it becomes a long
single-line.
I saw that you are adding the class statusItemSep_gsnb on that span. If you add
a rule in the CSS for
.statusItemSep_gsnb:after{
content:' ';
}
Perhaps that class is not fixed, so it might need to get applied to whatever
class is used ..
Original issue reported on code.google.com by gpetri...@gmail.com on 19 May 2011 at 10:09
Original issue reported on code.google.com by
gpetri...@gmail.comon 19 May 2011 at 10:09