Give me any web application and I will break it or find weird issues. Let me demonstrate:
Here's an Internet Explorer issue I found recently, and this should be filed under weird. I have a table or a div with a set width. In IE, the text inside of it will wrap to the set width. If a word is too big it will resize to fit the word. But it will not wrap between quotes and parenthesis. See this oddity below (in IE):
Quotes without parenthesis:
| "Hello there." Hello there. |
Quotes with parenthesis (THE WEIRDNESS!):
| "Hello there." (Hello there.) |
Why? It does not make sense. If anyone finds the reason behind this, please let me know. It also does the same thing with the French quotes («») and other brackets ([] & {}).
But fear not, Citizens, there is a work around. The cure is a CSS tag "word-wrap". By default it is set to "normal". Change it to "word-wrap:break-word".
Fixed:
Quotes without parenthesis:
| "Hello there." Hello there. |
Quotes with parenthesis:
| "Hello there." (Hello there.) |
This one wasted an hour of my day today, trying to find the fix... Oh well, "with great power, comes great responsiblity."
