refactor(select): Remove fullwidth property

PiperOrigin-RevId: 317731796

Author: allan-chen

CHANGELOG.md

@@ -45,6 +45,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - **BREAKING** `--mdc-tab-border-radius` has been removed to align with spec
 - **BREAKING** replaced `--mdc-dialog-shape-radius` with `--mdc-shape-medium`
 - **BREAKING** mwc-checkbox sizing changed to 48x48 by default for touch accessibility. Disable with `reducedTouchTarget` attribute or property.
+- **BREAKING** mwc-select's fullwidth property removed since it was behaving as initially expected. Use `width: 100%` on the root element to accomplish fullwidth.
 
 ## [v0.15.0] - 2020-05-05
 

packages/select/src/mwc-select-base.ts

@@ -178,8 +178,6 @@ export abstract class SelectBase extends FormElement {
 
   @property({type: Boolean}) required = false;
 
-  @property({type: Boolean}) fullwidth = false;
-
   @property({type: Boolean}) naturalMenuWidth = false;
 
   @property({type: Boolean}) protected isUiValid = true;
@@ -264,7 +262,6 @@ export abstract class SelectBase extends FormElement {
       'mdc-select--with-leading-icon': !!this.icon,
       'mdc-select--required': this.required,
       'mdc-select--invalid': !this.isUiValid,
-      'mdc-select--fullwidth': this.fullwidth,
     };
 
     const menuClasses = {

packages/select/src/mwc-select.scss

@@ -33,6 +33,9 @@ limitations under the License.
   outline: none;
 }
 
+.mdc-select {
+  width: 100%;
+}
 
 .hidden, [hidden] {
   display: none;