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