We'll check in with design to see what the intended behavior is.

The second link provided to the spec indicates that the required asterisk must be present on required fields.

To indicate that a field is required, display an asterisk (*) next to the label text and mention in supporting text that the asterisks indicate required fields.

The first link provided to the error text video demonstrates the asterisk disappearing, but that may be an incorrect video asset. The spec text does not explicitly say that the asterisk is optional.

If most fields are required, indicate optional fields by displaying the word “optional” in parentheses next to the label text

This line implies that if most or all fields are required then it would be better to highlight the optional ones instead of highlighting required fields - at least that is my understanding.

I agree, it could be a mistake in the video asset. It looks strange to have it there without the *required supporting-text however, like when it changes to an error message. but then equally odd if you have the *required supporting-text and no asterisk in the label when it is filled out.

Thanks for investigating this! I confirmed with design that the required asterisk * is optional provided there are other affordances such as supporting text that indicate required vs non-required fields.

I think noAsterisk would be a good boolean name for the flag. Do you want to try opening a PR? Just need to add the property and check it when we're adding an asterisk.

@property({type: Boolean, attribute: 'no-asterisk'}) noAsterisk = false;

<md-outlined-text-field label="Name" required no-asterisk></md-outlined-text-field>

This issue can be closed, as it is solved.