Re: [Tiki-devel] Responsive table display problem in Chrome

Hi luci,

Good idea. Using word-break: break-word seems to fix the wide table 
problem in Chrome and doesn't have the bad effect on the table cell 
widths that the earlier fix did.

-- Gary


On 2019-03-12 12:27, luciash wrote:
> Hi Gary,
> 
> I think it has something to do with the fact that Chrome wraps URLs
> differently than Firefox, e.g. it is not able to wrap the URLs in text
> with word-wrap: break-word at the "/" character, where Firefox can do
> that. Seems Chrome wraps long URLs at the dash ("-" aka minus) or "+"
> character only :( Although there is no mention of that anywhere. Ref.:
> https://caniuse.com/#search=word-wrap
> 
> I do not see other solution that wrapping them programmatically using
> PHP in the diff lib.
> 
> Or maybe try the "non-standard" word-break: break-word on the .diff td
> for Chrome? See
> https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
> 
> Related: https://css-tricks.com/almanac/properties/o/overflow-wrap/
> 
> luci
> 
> 
> On 12.03.2019 10:59, ga...@cu... wrote:
>> Hi,
>> 
>> Marc pointed out a problem that I hadn't noticed; as this page shows -
>> https://dev.tiki.org/tiki-pagehistory.php?page=Addons+Cleanup&newver=76&oldver=70
>> - the page history table as shown in Chrome/chromium browsers is wider
>> than the center column and so needs horizontal scrolling for all the
>> table contents to show. The table only contains text, so there's no
>> reason it couldn't display within the column width without scrolling
>> being needed. In Firefox, which I use almost all the time, the table
>> does in fact display without scrolling (it's narrower and taller).
>> 
>> Does anyone have a clue about why Chrome makes the table wider than it
>> needs to be and so necessitates scrolling? I've done some searching
>> but so far haven't found a solution or even anyone else posting about
>> this. The bug report is at
>> https://dev.tiki.org/item7043-Responsive-table-display-problem-in-Chrome
>> .
>> 
>> -- Gary
>> 
>> 
>> _______________________________________________
>> TikiWiki-devel mailing list
>> Tik...@li...
>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
> 
> 
> _______________________________________________
> TikiWiki-devel mailing list
> Tik...@li...
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel