Multiline Text fields no longer support word wrapping in 2021 R2

In 2020 R2 and all prior versions, the user could see the full text of the note, e.g. Problem Details on a Case entry, while entering the text.  In 2021 R2, the text entered scrolls off the entry area in a single line.  This is not helpful and appears to be a bug.  Is there a workaround?

Parents
  • Thanks to all who chipped in here.  The new Themes\Custom\RedefinedStyles.css approach works great.  Below are the .css changes we went with - basically "pre-wrap".  The 2nd style resets list columns back so they word wrap as well as Multiline Text fields: again with "pre-wrap" and also set max-width to 50ch vs. 75ch.

    Regarding the list style: I personally like the single-line look-and-feel - it's just cleaner, imo.  However if your list contains several columns, and some column cells contain long strings of text, then the list object itself will run past the right edge of the browser window, as it's simply too long.  The user in this case has to scroll horizontally to the right to see the last column(s) and to access the filter panel.  Users of course hate extra scrolling, so we're opting for function over form, I guess.


    /* Add your CSS customizations to this file. */
    .VIEWBOX >.EDIT {
    /* USI GM: 9/13/21 */
    /* white-space: nowrap; */
    white-space: pre-wrap;
    }
    /*** Grid Content with long text ***/
    .CONTENTGRID td {
    white-space: pre-wrap;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50ch;
    }

Reply
  • Thanks to all who chipped in here.  The new Themes\Custom\RedefinedStyles.css approach works great.  Below are the .css changes we went with - basically "pre-wrap".  The 2nd style resets list columns back so they word wrap as well as Multiline Text fields: again with "pre-wrap" and also set max-width to 50ch vs. 75ch.

    Regarding the list style: I personally like the single-line look-and-feel - it's just cleaner, imo.  However if your list contains several columns, and some column cells contain long strings of text, then the list object itself will run past the right edge of the browser window, as it's simply too long.  The user in this case has to scroll horizontally to the right to see the last column(s) and to access the filter panel.  Users of course hate extra scrolling, so we're opting for function over form, I guess.


    /* Add your CSS customizations to this file. */
    .VIEWBOX >.EDIT {
    /* USI GM: 9/13/21 */
    /* white-space: nowrap; */
    white-space: pre-wrap;
    }
    /*** Grid Content with long text ***/
    .CONTENTGRID td {
    white-space: pre-wrap;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50ch;
    }

Children
No Data