Chrome Update Version 24.0.1312.52 m Messes up Word Spacing

Question

Chrome was recently updated and now some of my sites with a style of word spacing is wrapping to the second line with the last word. You can view it at the link below, with the header (H1) tag. Is this a bug or is there a work around? This is on Windows 7 64 bit.

http://exposurebasketballtournaments.com/3008/3rd-4th-boys-basketball-tournament

Don't see any wrapping in Chrome 25.0.1364.29 on Linux – robertc Jan 16 '13 at 22:22 — robertc, Jan 16 '13 at 22:22

score 2 · Accepted Answer · edited May 23 '17 at 10:34

2

I am using chrome canary(V.26 on Windows 7) and I see this effect as well. I used chrome inspector to see if it was in the css code and it seem that this code

in element
<div class="event-details">


 body.event .event-header .event-details {
float: left;
}

is causing this effect, correct me if I'm wrong :)

EDIT

If this is your site you can prevent it by adding this to the code min-width: 540px; or just removing float:left

This question on SO might be similar to your problem.

edited May 23 '17 at 10:34

Community

1
1

answered Jan 16 '13 at 22:12

LegendaryLaggy

455
1
6
16

This wasnt happening before and you can see it works fine in IE and Firefox. Something happened within Chrome. – Mike Flynn Jan 16 '13 at 23:05
Can you accept my question as I see you have removed `float: left;` from your code – LegendaryLaggy Jan 21 '13 at 16:09
I removed the float:left for now, but it wasnt doing that before. – Mike Flynn Jan 22 '13 at 16:10

score 0 · Answer 2 · answered Jan 16 '13 at 22:18

0

It appears to me that the width of the element is less than the width of the text so it is wrapped. Try increasing the size of the element.

answered Jan 16 '13 at 22:18

JDL

1,477
21
31

score 0 · Answer 3 · answered Feb 14 '13 at 12:20

This is a bug that have been reported, please refer to Issue #170226 for more information. It has not been fixed as of Chromium Version 27.0.1413.0 (182441).

Before it is fixed, I suggest applying Chrome specific CSS to set word-spacing: 0; to elements that suffered from the problem. To do so, checkout CSS Browser Selector.

Chrome Update Version 24.0.1312.52 m Messes up Word Spacing

3 Answers3