[MGNLUI-8067] Modify css to allow a multiline error notification Created: 16/May/23  Updated: 12/Oct/23

Status: Open
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.3.0, 6.2.35
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Alberto Soto Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: errorhandling, feedback, validation
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
relation
is related to ANALYTICS-444 Modify css to allow a multiline error... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Epic Link: formLevelValidation
Team: Nucleus

 Description   

Steps to reproduce

  1. Generate a long error messages on vaadin one of the following:
    1. New page, changing error message to be long
    2. New error on GA4 when is released in the pane

 

Some notifications with long message don't offer multiline message as there is an inconsistence in the css.

Expected results

The error appears in a multiline.

Actual results

The error shows in a single line, extending the horizontal width of the container, it can hide

Workaround

https://git.magnolia-cms.com/projects/PLATFORM/repos/ui.pub/browse/magnolia-resurface-theme/src/main/resources/VAADIN/themes/resurface/modal.scss#29

This line produces a disruption in the UI, which needs to include some side effects.

can be avoided with the following rule or similar (less restrictive):

.v-label.v-widget.validation-display.v-label-validation-display.v-label-undef-w {
white-space: break-spaces;
} 

Development notes

The ticket has been developed on GA4 analytics release, but needs to be generalized to all modules in the UI module, and then removed on the analytics module.

Pay attention to the general error that uses "v-label-undef-w" class and generates it. Removal of that class is also a solution. 


Generated at Mon Feb 12 09:51:50 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.