Long descriptions for Answer type in Umbraco Forms do not wrap. Umbraco Forms 17.4.3

Questions
1

image
image778×937 40 KB

In Umbraco form

  • Select question

In the Add Field dialog

  • Select Answer type
  • Select the custom field with a long description

Back in the Add Field dialog the description text does not appear to wrap and thus gets cut off (Screenshot).

I did check to see whether any of my styles were interfering and I cannot see any that are.

The selector seems to be this one

#detail
Specificity: (1,0,0)
 {
    opacity: 0.6;
    line-height: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100%);
}

Has anyone else had this issue? Is this a bug?

2

Hi @charlesa-ccs,

This doesn’t seem like a bug to me, but rather a design choice. I previously made a similar change to the property selector in the CMS, where we had the same issue.

I’m not entirely sure where this should be reported, but I believe it’s a UI Library issue rather than a Forms issue, since it appears to be related to the shared component’s styling. You can report UI Library issues here: Issues · umbraco/Umbraco.UI · GitHub

Personally, I think the description should wrap as well, especially when custom field types have longer descriptions.

Best regards,
Andreas

3

Thanks @andreaslborg i will see if i can report it there :smiley:

4

Agreed. There are a number of design choices in u17 that seemed to be solely for ‘clean appearance’ rather than usability for authors. The descriptions for Block List items is particularly unfortunate since that text I wrote was intended to help guide the user - and now the user realistically sees only four or five words before the single line truncation happens.
I’m glad to hear that others have the same concerns so there may be a worthwhile effort to update or add some configuration for these behaviours in the near future.

5

I am have been doing a huge upgrade from V13 and I have seen lots of little things like this, Especially where we have had customised components and UI using Angular and its not that easy in TypeScript Umbraco UI.

6