HTML WIKI TABLE WORD WRAP CUTS TEXT OFF in FIREFOX

[Blake Jones, geändert vor 8 Jahren.]

ISSUE = HTML WIKI TABLE WORD WRAP CUTS TEXT OFF or SPLITS TEXT in FIREFOX

VERSION = Liferay 6.2 CE GA4
WIKI FORMAT = HTML with CKEDITOR WYSIWYG
THEME = SOCIAL OFFICE
PAGE LAYOUT = 70/30
BROWSER THAT CAUSES ISSUE = FIREFOX both on WINDOWS and LINUX
BROWSER THAT WORKS = CHROME both on WINDOWS and LINUX


NOTICEABLE DIFFERENCE IN AUI.CSS = browserId=firefox
NOTICEABLE DIFFERENCE IN AUI.CSS = browserId=other

[David H Nebinger, geändert vor 8 Jahren.]

Duplicate posts deleted.

This looks like a bug report. The forums are not a place for bug reports, log into issues.liferay.com to post your bug there.

A few suggestions in the mean time...

Are you testing this with the classic theme or with your own theme? If it works in classic but fails in your theme, that's going to point to an issue in your theme.

Have you checked the styles applied to the paragraph to see if the word-break or word-wrap classes have been applied correctly?

[Blake Jones, geändert vor 8 Jahren.]

David H Nebinger:

Duplicate posts deleted.

This looks like a bug report. The forums are not a place for bug reports, log into issues.liferay.com to post your bug there.

A few suggestions in the mean time...

Are you testing this with the classic theme or with your own theme? If it works in classic but fails in your theme, that's going to point to an issue in your theme.

Have you checked the styles applied to the paragraph to see if the word-break or word-wrap classes have been applied correctly?

David,

Thank you for pointing me in the right direction with posting a bug report.

I'm testing with the Social Office Theme. I have also tested this with the default Classic Theme and it's still Not working with Firefox.

Yes I have checked the HTML code, CSS, and Styles for: <table>, <td>, <tr>, paragraph <p>, list items <li>, unordered lists <ul>

I have researched w3schools, stackoverflow, many other forums, and tested an extensive amount of CSS External Style Sheet, CSS Internal Style Sheet, FOR = word-break, word-wrap, table-layout, width, white-space, and many others.

It works fine in CHROME both in LINUX and WINDOWS, and for both Social Office and Classic Themes....

Thanks again for the response,

I'm going to take your advice and post a bug with all the info i provided you here....

LPS-61670

[Julien Mourad, geändert vor 8 Jahren.]

Hi Blake,

I believe I had this issue before with Firefox, I added the following CSS in my theme, not sure if this will fix your problem though:

.aui .portlet-asset-publisher .asset-content,
.aui .portlet-asset-publisher .asset-summary,
.aui .portlet-asset-publisher .asset-title,
.aui .portlet-asset-publisher .header-title,
.aui .portlet-asset-publisher li.title-list,
.aui .portlet-blogs .entry-body,
.aui .portlet-blogs .entry-title,
.aui .portlet-blogs .header-title,
.aui .portlet-journal-content .journal-content-article,
.aui .portlet-message-boards .header-title,
.aui .portlet-message-boards .thread-body{
	hyphens: none;
	-moz-hyphens: none;
	word-break: normal;
}

[Blake Jones, geändert vor 8 Jahren.]

Julien Mourad:

Hi Blake,

I believe I had this issue before with Firefox, I added the following CSS in my theme, not sure if this will fix your problem though:

.aui .portlet-asset-publisher .asset-content,
.aui .portlet-asset-publisher .asset-summary,
.aui .portlet-asset-publisher .asset-title,
.aui .portlet-asset-publisher .header-title,
.aui .portlet-asset-publisher li.title-list,
.aui .portlet-blogs .entry-body,
.aui .portlet-blogs .entry-title,
.aui .portlet-blogs .header-title,
.aui .portlet-journal-content .journal-content-article,
.aui .portlet-message-boards .header-title,
.aui .portlet-message-boards .thread-body{
	hypens: none;
	-moz-hyphens: none;
	word-break: normal;
}

Julien,

Thank you, I used part of your css code and fixed this on LIFERAY for FIREFOX.

here is the contents of my custom my_company.css

table {

    hypens: none;
    -moz-hyphens: none;
    word-break: normal;

}

td {

    hypens: none;
    -moz-hyphens: none;
    word-break: normal;
}

p {

    hypens: none;
    -moz-hyphens: none;
    word-break: normal;
}