Text Wrapping Issue

[chriscripps]

Script URL: Hesk Desk
Version of script: 3.2.4
Hosting company: www.hostcolor.com
URL of phpinfo.php: https://support.betterbee.com/phpinfo.php
URL of session_test.php: https://support.betterbee.com/session_test.php
What terms did you try when SEARCHING for a solution: wrap, wrapping, chrome

Write your message below:

I had two users complain that long URLs were not wrapping so they could not see the ticket page until they shrunk the screen a lot. They are using Chrome Version 96.0.4664.93. The URLs did a word wrap in Internet Explorer 11 but not in MS Edge or Chrome. I did not try other browsers.

The URLs that did not wrap were google content links that were 6 lines when they did wrap after the update below.

I added the word-break line in the section below to the app.css files (app.css and app.min.css) in the webroot/css and webroot/theme/hesk3/customer/css directories. So app.css now looks like this at about line 1641 (and same corresponding spot in app.min.css:

:root * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
word-break: break-word
}

I am not sure if I have something set up incorrectly that makes chrome do this or if the CSS I added is correct, but it works.

I hope this helps anyone else that cannot see things correctly.

This was in the base theme as well as the new Ocean Blue. I do like the new theme, and we will probably work on customizing colors in that.

Thank you for the nice work being done on Hesk!

Chris

[Klemen]

Thank you, Chris. We will look into this and include it in the official release.

[Klemen]

Ooops, forgot, we already have a fix ready for this for 3.2.5/3.3.0