TextField with HelperText inside FormField not shown properly

[ccosmincc]

Describe the bug Adding a TextField with HelperText inside a FormField will show the helper text on the right side of the text field, instead of displaying it below.

To Reproduce

<script>
  import TextField from "@smui/textfield";
  import HelperText from '@smui/textfield/helper-text';
  import FormField from "@smui/form-field";
</script>

  <FormField>
    <TextField label="Label" value=''>
      <HelperText persistent slot="helper">Helper Text</HelperText>
    </TextField>
  </FormField>

Expected behavior The helper text should be displayed below the text field, in the same way it's being displayed when the text field is not inside a form field.

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version 97.0.4692.71

[eltiare]

I'm running in to this too. Is there a quick workaround?