Gantry Template bug
-
-
- BhattaS
- Rocketeer
- Posts: 94
- Thanks: 0
-
This may be a bug in Gantry Template. Let's say in any article you have a word that is very long (for instance something like 400characters) and there also are some stuffs on the left side. You will notice that the word does not wrap/break rather keeps on going out the body as in here
alec.dev.energetica.com.au/index.php?opt...cle&id=35&Itemid=141
Any idea how to fix this?! I know this is very unusual and possibly clients will not have such long words. But still it is a bug right? - Thank you
Sincerely
Swagato Bhatta
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
I'm not sure if it's a bug in Gantry or not, I would say that it's something that most likely hasn't been tested. Maybe the browsers don't know how to handle that, they push down the lines based on where the spaces are between words.
I see that it pops out of the side, but I think the example is a bit ridiculous. I personally can't think of any single word that has 400 characters in it with no spaces, and I can't think of where this would be an issue for anyone in a real life settings. I tried adding some margins and paddings to the element, and that won't even change it. I guess the moral of the story is, don't do this, I can't see why you ever would and there doesn't appear to be a way to fix it. - The difficult we do immediately, the impossible takes a little longer.
-
-
-
- CMYKreative
- Elite Rocketeer
- Posts: 706
- Thanks: 15
-
It's not a bug, it's a feature
It rarely occurs, but we've come across this with foreign languages such as Thai which doesn't have natural 'spaces' between words, but rather creates one very long 'word'. It can also occur when using text within very small 'widths'.
There is a solution however:
.break-word {
word-wrap: break-word;
}
Sorted!
- CMYKreative : Graphic Design , Web Design , Printing , Banner Ads , Branding and more.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
- That makes sense. Thanks for the explanation, I personally only deal with english so I would have never thought of that. It's just difficult to look into something as a "bug" unless it's happening in a real life context.
- The difficult we do immediately, the impossible takes a little longer.
-
-
-
- CMYKreative
- Elite Rocketeer
- Posts: 706
- Thanks: 15
-
We've come across it a few times with a long URL in English in a narrow div . . .
- CMYKreative : Graphic Design , Web Design , Printing , Banner Ads , Branding and more.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
- I tested this in a non-Gantry situation, if the text is that long with no spaces and there isn't a width defined for the element inside, the browser will extend the element and create horizontal scroll bars. I would say this issue is more related to the way HTML and browsers handle formatting than specifically how Gantry does it. You would have the same issue in any template most likely, the aforementioned CSS is the way to fix it.
- The difficult we do immediately, the impossible takes a little longer.
-
-
-
- CMYKreative
- Elite Rocketeer
- Posts: 706
- Thanks: 15
- Definitely not a Gantry 'bug', it happens however a page is constructed, within any CMS or static HTML site.
- CMYKreative : Graphic Design , Web Design , Printing , Banner Ads , Branding and more.
-
Time to create page: 0.067 seconds