Bug #76689 [Com]: Manual page display problems due to text wrapping changes in Firefox
| From: | ddpm at liscovius dot de | Date: | Fri, 03 Sep 2021 01:05:05 +0000 |
| Subject: | Bug #76689 [Com]: Manual page display problems due to text wrapping changes in Firefox | ||
| References: | 1 | Groups: | php.webmaster |
| Request: | Send a blank email to php-webmaster+get-29574@lists.php.net to get a copy of this message | ||
Edit report at https://bugs.php.net/bug.php?id=76689&edit=1
ID: 76689
Comment by: ddpm at liscovius dot de
Reported by: smokey101stair at gmail dot com
Summary: Manual page display problems due to text wrapping
changes in Firefox
Status: Open
Type: Bug
Package: Website problem
PHP Version: Irrelevant
Block user comment: N
Private report: N
New Comment:
Alternative approaches to mitigate this a bit:
1. Using CSS word wrapping/breaking rules (prefered by me):
.doctable td {
word-break:break-word; /* or even 'break-all' */
/* also word-wrap: as behavior differs a bit between browsers. */
}
.doctable td:nth-child(1) {
word-break:keep-all; /* to avoid breaking keywords mostly in firt column */
}
If the cells would have some class this would even be better because then can be defined by CSS
which cells content can be wrapped on narrow displays and which better not.
2. Using grid layout CSS rules for arranging the cells of a doctable row into a grid:
Another approach would be to use alternate rendering of the table columns using e.g. css grid layout
templates for the table rows for small displays. (probably too complex for now as number and type of
columns differs through the documentation an topics, maybe first set consistent css class attributes
for the td first)
example css transformation of a tr row by grid layout
https://www.php.net/manual/en/filter.filters.validate.php
-------------------------------
| id | name | options | flags |
-------------------------------
| description |
-------------------------------
Previous Comments:
------------------------------------------------------------------------
[2018-10-15 22:29:05] cmb@php.net
Related To: Bug #77017
------------------------------------------------------------------------
[2018-08-01 19:01:20] smokey101stair at gmail dot com
Sorry, I forgot to apply table-layout: fixed to the Changelog table in the image in my previous
comment. When appling table-layout: fixed on that table, it gets split 50/50 between the two
columns.
Here is an updated image: https://imgur.com/64a3CwV
------------------------------------------------------------------------
[2018-08-01 13:37:14] smokey101stair at gmail dot com
Here is what the table looks like when applying table-layout: fixed in Firefox 63 alpha https://imgur.com/a/7YIQBXl
------------------------------------------------------------------------
[2018-08-01 12:01:39] cmb@php.net
In my opinion, even the old behavior is a bug (see bug #66726).
In this case, it's probably a good idea to remove the description
column from the table, and to lay out the information like the ini
directive docs (e.g.
<http://php.net/manual/en/filesystem.configuration.php>).
------------------------------------------------------------------------
[2018-08-01 02:28:27] levim@php.net
Can you test what
table-layout: fixed looks like on this Firefox alpha? It has other
issues; I would definitely prefer an auto layout so the description column gets more space, but if
its auto layout determines to put 3 characters per line... maybe it is the best we can do.
------------------------------------------------------------------------
The remainder of the comments for this report are too long. To view
the rest of the comments, please view the bug report online at
https://bugs.php.net/bug.php?id=76689
--
Edit this bug report at https://bugs.php.net/bug.php?id=76689&edit=1