search

kswedberg / jquery-expander

Expand and Collapse HTML content
https://kswedberg.github.io/jquery-expander/
Other
459 stars 167 forks source link

Chrome Not Word Wrapping #13

Closed taocode closed 13 years ago

taocode commented 13 years ago

The Google Chrome browser doesn't like something that's going on with this plugin. Your demo page shows this behavior clearly on the very first item... What happens is the paragraph doesn't word-wrap once you expand it so the text all goes off the screen.

The variation I started with was: expander was applied to the parent div of many p tags. Each p tag introduced a line-break but no paragraphs wrapped. Explicitly setting the width on the paragraph in the CSS also failed to get Chrome to wordwrap.

Thank you for this plugin. It's excellent. I'm using the most recent version (9/16).

//

kswedberg commented 13 years ago

Hi there,

That's a really peculiar issue, and I'm not able to reproduce it on my machine running Chrome 15... dev, Mac OS X. Can you please provide more information and show me another live example or point me to a screenshot of the problem? I'm at a loss as to what the problem could be since I don't see it happening.

taocode commented 13 years ago

I'm using Google Chrome 14.0.835.163 on Windows 7. All other browsers are fine. After some digging, I found .details { white-space: nowrap } set in a "sser stylesheet". I don't know how it got set to that... maybe the theme I'm using? Either way, I added: .details { white-space: normal } to my stylesheet and it's now fine.

This may be a bit of an isolated incident. I haven't tried it on chrome on another computer either, so I've been a bit lazy about QA :-)...

Here's a screenshot for the fun of it: http://taocode.com/images/Chrome-on-pc.png

taocode commented 13 years ago

"user stylesheet"

kswedberg commented 13 years ago

hmm. yeah, I'm guessing it's related to a Chrome extension that you're using. I just tried it in Chrome 13.x and 14.x on Windows 7 and had no such issues. Glad you were able to work around it on your machine. Another way to ensure that this doesn't happen on others' machines if you use the plugin is to change the detailClass option to something other than "details"