View Issue Details

WikiRelated ChangesetsJump to Notes
IDProjectCategoryView StatusDate SubmittedLast Update
0027114mantisbtuipublic2020-07-29 20:412022-05-29 03:51
Reportersyncguru Assigned Tocommunity  
PrioritynormalSeverityminorReproducibilityalways
Status resolvedResolutionfixed 
Target Version2.26.0Fixed in Version2.26.0 
Summary0027114: Long unbreakable text does not auto wrap in bug details page
Description

I observed this by accident. It looks like very long text with no line breaks or spaces in bug description tables is not auto wrapped by our CSS thus render the page with possibly very long horizontal scrolling which is undesirable.

See the string in steps to produce field for an example

Steps To Reproduce

Here is an example of a long unbreakable text:
Click here to learn more. (https://public-api.wordpress.com/bar/?stat=groovemails-events&bin=wpcom_email_click&redirect_to=https%3A%2F%2Fapps.wordpress.com%2Fget%2F&sr=1&signature=24d27591247e5326b030548e37b8bd79&user=1b5dbb232d24a813e1d1d0e012f1ca7a&_e=eyJlcnJvciI6bnVsbCwiYmxvZ19pZCI6MTA0MTk1MDg3LCJibG9nX2xhbmciOiJlbiIsInNpdGVfaWRfbGFiZWwiOiJ3cGNvbSIsIl91aSI6IjFiNWRiYjIzMmQyNGE4MTNlMWQxZDBlMDEyZjFjYTdhIiwiX3V0IjoiYW5vbiIsImVtYWlsX2RvbWFpbiI6Im1hbnRpc2h1Yi5jb20iLCJkYXRlX3NlbnQiOiIyMDIwLTA3LTI4IiwiZW1haWxfaWQiOiJlODBhMThkN2VjM2QzMGFkN2Y2YTFlMDAyOTg3OWEwOSIsImVtYWlsX25hbWUiOiJtZW50aW9ucyIsImxpbmtfZGVzYyI6ImFwcC1kb3dubG9hZCIsImFuY2hvcl90ZXh0IjoiQ2xpY2sgaGVyZSB0byBsZWFybiBtb3JlIiwiX2RyIjpudWxsLCJfZGwiOiJcL3dwLWNyb24ucGhwP2RvaW5nX3dwX2Nyb249MTU5NTk1NjA3NS4xMzEyMTAwODg3Mjk4NTgzOTg0Mzc1IiwiX2VuIjoid3Bjb21fZW1haWxfY2xpY2siLCJfdHMiOjE1OTU5NTYwNzU3MTksImJyb3dzZXJfdHlwZSI6InBocC1hZ2VudCIsIl9hdWEiOiJ3cGNvbS10cmFja3MtY2xpZW50LXYwLjMiLCJfdWwiOm51bGwsImJsb2dfdHoiOiItOCIsInVzZXJfbGFuZyI6bnVsbH0&_z=z)

TagsNo tags attached.

Relationships

related to 0022132 acknowledged Some tables gets off screen and cant be scrolled conveniently 
related to 0030268 closeddregad Bugnote count column wraps on View Issues page when 10 or more 

Activities

syncguru

syncguru

2020-08-07 15:52

developer   ~0064246

PR: https://github.com/mantisbt/mantisbt/pull/1690
dregad

dregad

2020-08-16 06:25

developer   ~0064263

Reopening per discussion in the PR https://github.com/mantisbt/mantisbt/pull/1690#issuecomment-674407921
dregad

dregad

2021-02-21 11:44

developer   ~0065148

@syncguru do you think you would be able to fix the wrapping in the table cells, without affecting the headers ?
malomn

malomn

2021-07-07 10:24

reporter   ~0065680

Found out a way not to affect the headers : https://github.com/mantisbt/mantisbt/pull/1761
dregad

dregad

2022-05-16 11:53

developer   ~0066586

Regression, see 0030268

Related Changesets

MantisBT: master e10f2a25

2020-08-07 11:31

syncguru

Committer: atrol


Details Diff		 Wrap long text strings in tables

Fixes 0027114		 Affected Issues
0027114
mod - css/ace-mantis.css Diff File

MantisBT: revert-1690-27114-wrap-overflow 60d28cce

2020-08-16 02:20

dregad

Committer: community


Details Diff		 Revert "Wrap long text strings in tables"

This reverts commit e10f2a25cd1f6bed96768541f829863da65c4608.		 Affected Issues
0027114
mod - css/ace-mantis.css Diff File

MantisBT: master d31ed9e1

2022-05-05 12:47

malomn

Committer: community


Details Diff		 Fix auto-wrap for long, unbreakable text

These new CSS rules apply @syncguru's original solution [1] in a more
selective way. The main problem with the initial approach was its
application to the whole table.

As CSS tables are divided in two main parts (header <thead> and body
<tbody>), we can restrict the rule to <tbody>, which ensures that the
the header's behavior is not affected.

Fixes 0027114, PR https://github.com/mantisbt/mantisbt/pull/1761

[1]: see PR https://github.com/mantisbt/mantisbt/pull/1690,
reverted in 60d28cce0569d2acd1daccce930e5215a1abda72

Co-authored-by: Malo MM. MAISONNEUVE <mmaisonneuve@cantoriel.local>		 Affected Issues
0027114
mod - css/ace-mantis.css Diff File

MantisBT: master 457f3982

2022-05-05 12:53

dregad


Details Diff		 Minor adjustments following merge of PR 1761

- Use `overflow-wrap` instead of legacy `word-wrap`
- CSS for <pre> to prevent horizontal scrolling is no longer needed

Issue 0027114, PR https://github.com/mantisbt/mantisbt/pull/1761		 Affected Issues
0027114
mod - css/ace-mantis.css Diff File

MantisBT: i30278-remove-cftype-const 7a77360c

2022-05-16 12:03

dregad


Details Diff		 Apply overflow-wrap more selectively

Issue 0027114 introduced a regression in the bugnotes count column's
display on View Issues page.

We now only target those fields susceptible to have long, unbreakable
content (i.e. textarea fields), by

- adding markup to Textarea custom fields (`cftype-textarea` class)
- using more precise CSS selectors for description, steps-to-reproduce,
additional-information and bugnotes, as well as Textarea custom fields
(using the new cftype-textarea class).

Fixes 0030268		 Affected Issues
0027114, 0030268
mod - bug_view_inc.php Diff File
mod - core/custom_function_api.php Diff File
mod - css/ace-mantis.css Diff File