[MGNLUI-6428] Required-Star-Icon behaves unexpectedly in multi-field Created: 26/Nov/20  Updated: 02/Mar/23

Status: Open
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.2.5
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Monica Damborenea Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: css, ui-bug
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File 1.png     PNG File 2.png     PNG File 3.png    
Issue Links:
Problem/Incident
Relates
relates to MGNLUI-6668 Fix position of required star * in Vi... Open
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: UI bugs
Team: Nucleus

 Description   

A customer reported that when using a multi-field, the red required star * is displayed at the bottom of the corresponding field label instead of at the top when contained within multi fields.

When trying to reproduce it myself, the red-star is not even appearing in Chrome, but I can see it as expected when using Safari.

Steps to reproduce

  •  Use a multi field, this sample definition should work:
    form:
      properties:
        footnotes:
          $type: jcrMultiField
          itemProvider:
            $type: jcrChildNodeProvider
          field:
            $type: compositeField
            properties:
              text:
                $type: textField
                required: true
    
  •  When rendering it, I was using a dialog, and I cannot see the red star but the field is set to required:

    Note that it behaves as expected if you fail to enter data:

In the case of the customer, they see the star at the bottom of the text:

 

Expected results

When a field is required, we should see the red star * at the top of the text.

Actual results

Depending on the browser you see different behavior. The * either is nowhere to be found or at the bottom of the word.

Workaround

No workaround

Development notes

This is only happening with multiFields


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