Material Design - floatLabel option does not work

[Jascen]

Describe the bug
which template:

• MaterialDesignFrameworkModule — Material Design
• Bootstrap3FrameworkModule — Bootstrap 3
• Bootstrap4FrameworkModule — Bootstrap 4
• NoFrameworkModule — plain HTML
• Other (please specify below)

A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Visit the demo page: https://hamidihamza.com/Angular6-json-schema-form/?set=asf&example=asf-simple&framework=material-design&language=en
2. Select the Material Design framework.
3. Use the following schema:

{
  "schema": {
    "type": "object",
    "properties": {
      "first_name": {
          "type": "string",
          "floatLabel": "always"
      }
    }
  }
}

Expected behavior
The 'First Name' label is floated.

Desktop (please complete the following information):

• OS: Win 10
• Browser: Chrome
• Version: 73.0.3683.86

Context
This feature is documented as supported, however, I am unable to get it to work.

[Jascen]

It may be worth noting that the following schema shows that the 'textarea' type properly respects the 'floatLabel' property.

{
  "schema": {
      "first_name": {
          "type": "string"
      }
  },
  "form": [
    {
      "key": "first_name",
      "type": "textarea",
      "placeholder": "Make a comment",
      "floatLabel": "auto"
    }
  ]
}

[Jascen]

Specifying an appearance of 'legacy' will allow floatLabel to work again.

{
  "schema": {
    "type": "object",
    "properties": {
      "first_name": {
          "type": "string",
          "appearance": "legacy",
          "floatLabel": "auto"
      }
    }
  }
}

This commit is what caused it to stop working.

However, it is worth noting that this Stackblitz shows that floatLabel should work with the appearance 'standard', so this is still a valid issue.

[github-actions]

Stale issue