基本MDCSelect无法正确显示

Question

我无法使用MDC进行基本选择控制。有谁知道我做错了什么？ （其他mdc组件在相同设置下工作正常）

UI-bug (PNG)

的Javascript ：

import {MDCSelect} from '@material/select';
var selTEST = new MDCSelect(document.getElementById('selTEST'));

CSS ：

@import "@material/select/mdc-select";

HTML ：

<div class="mdc-select" id="selTEST">
    <select class="mdc-select__native-control">
    <option value="" disabled selected></option>
    <option value="grains">Bread, Cereal, Rice, and Pasta</option>
    <option value="vegetables">Vegetables</option>
    <option value="fruit">Fruit</option>
</select>
<label class="mdc-floating-label">Pick a Food Group</label>
<div class="mdc-line-ripple"></div>