To fix rendering issues with long labels, we're currently truncating them (
MGNLUI-2548). This was mainly to provide a working solution for several support cases.
One of the reasons preventing us to just wrap texts were the in-line validation messages. These, however, are currently not according to design: they should not extend into the column occupied by the labels (
MGNLUI-2749). As soon as that issue is fixed, we should enable multi-line labels again and only truncate them, if they extend to more than 3 lines of texts.
To summarize, having well working, multi-line labels requires us to:
- Have shorter form error and warning validation messages, as per their original design. This makes space for the actual labels.
- Allow labels to go over multiple lines again; we take 3 lines as a maximum. We have to make sure they have a properly spaced right margin. After three lines, we shorten the labels.
- A tooltip keeps appearing over shortened labels (it always appears currently) on mouse-over.
- Optionally, we always show the tooltip on click/tap to allow this to work on touch devices as well.