@@ -647,37 +647,29 @@ <h3 class="mdc-typography--headline demo-component-section__heading">
647
647
< a href ="#select " class ="demo-component-section__permalink " title ="Permalink to the theme demo for the select component "> #</ a >
648
648
</ h3 >
649
649
650
- < div class ="mdc-select " role ="listbox ">
651
- < div class ="mdc-select__surface " tabindex ="0 ">
652
- < div class ="mdc-select__label "> Pick a food group</ div >
653
- < div class ="mdc-select__selected-text "> </ div >
654
- < div class ="mdc-select__bottom-line "> </ div >
655
- </ div >
656
- < div class ="mdc-menu mdc-select__menu ">
657
- < ul class ="mdc-list mdc-menu__items ">
658
- < li class ="mdc-list-item " role ="option " id ="none " aria-disabled ="true ">
659
- Pick a food group
660
- </ li >
661
- < li class ="mdc-list-item " role ="option " id ="grains " tabindex ="0 ">
662
- Bread, Cereal, Rice, and Pasta
663
- </ li >
664
- < li class ="mdc-list-item " role ="option " id ="vegetables " aria-disabled ="true " tabindex ="0 ">
665
- Vegetables
666
- </ li >
667
- < li class ="mdc-list-item " role ="option " id ="fruit " tabindex ="0 ">
668
- Fruit
669
- </ li >
670
- < li class ="mdc-list-item " role ="option " id ="dairy " tabindex ="0 ">
671
- Milk, Yogurt, and Cheese
672
- </ li >
673
- < li class ="mdc-list-item " role ="option " id ="meat " tabindex ="0 ">
674
- Meat, Poultry, Fish, Dry Beans, Eggs, and Nuts
675
- </ li >
676
- < li class ="mdc-list-item " role ="option " id ="fats " tabindex ="0 ">
677
- Fats, Oils, and Sweets
678
- </ li >
679
- </ ul >
680
- </ div >
650
+ < div class ="mdc-select ">
651
+ < select class ="mdc-select__native-control ">
652
+ < option value ="grains " selected >
653
+ Bread, Cereal, Rice, and Pasta
654
+ </ option >
655
+ < option value ="vegetables " disabled >
656
+ Vegetables
657
+ </ option >
658
+ < option value ="fruit ">
659
+ Fruit
660
+ </ option >
661
+ < option value ="dairy ">
662
+ Milk, Yogurt, and Cheese
663
+ </ option >
664
+ < option value ="meat ">
665
+ Meat, Poultry, Fish, Dry Beans, Eggs, and Nuts
666
+ </ option >
667
+ < option value ="fats ">
668
+ Fats, Oils, and Sweets
669
+ </ option >
670
+ </ select >
671
+ < div class ="mdc-select__label mdc-select__label--float-above "> Pick a Food Group</ div >
672
+ < div class ="mdc-select__bottom-line "> </ div >
681
673
</ div >
682
674
</ section >
683
675
0 commit comments