docs: explicitly set form field appearance

[crisbeto]

Currently the default form field appearance is legacy, but we switch it to fill only in Stackblitz since that's what we want to change the default to eventually. The problem with this approach is that the default is only changed on Stackblitz, not the docs site that user has to go through.

These changes set the appearance to fill explicitly so that it is consistent.

Companion PR for the docs site: angular/material.angular.io#1002

[mmalerba]

LGTM

[mmalerba]

This has conflicts with the 12.0.x branch, needs another PR for that branch so the patch release docs don't lose their fill appearance when we merge the m.aio PR

[crisbeto]

I think that it won't be a big deal if we make the docs site change now and this waits until the next minor release. The current behavior is already broken since the changed default only applies when forked to Stackblitz, not on the docs site itself.

[mmalerba]

The thing is we don't have separate release branches on angular/material.angular.io so the docs site change will wind up applying to both patch and minor releases. Therefore we need this to land on both branches

[crisbeto]

I don't think that's a big deal either. I think that the current behavior is more broken compared to the behavior after this change.

[mmalerba]

I'll at least merge this for now. If we don't want the appearance to change on the form-fields we can hold off on merging the docs site change until 12.1.0 comes out

[Splaktar]

Shouldn't we be changing the component's default to fill again instead of doing this? Do we plan on doing that for v12.1 or v13? Is there an associated issue for that?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}