Разметка для mdc-text-field-outlined не работает - PullRequest
Новая
       10

Разметка для mdc-text-field-outlined не работает

0 голосов
/ 10 февраля 2019

Я скопировал и вставил разметку mdc-text-field-outlined, как есть в документации, а также выполнил инициализацию / инициализацию JS по мере необходимости и импортировал стили.Но ничего не рендерится.

Разметка: 

<div class="mdc-text-field mdc-text-field--outlined username">
  <input type="text" id="tf-outlined" class="mdc-text-field__input">
  <div class="mdc-notched-outline">
    <div class="mdc-notched-outline__leading"></div>
    <div class="mdc-notched-outline__notch">
      <label for="tf-outlined" class="mdc-floating-label">Username</label>
    </div>
    <div class="mdc-notched-outline__trailing"></div>
  </div>
</div>

JS (в login.js): 

import {MDCTextField} from '@material/textfield';
import {MDCNotchedOutline} from '@material/notched-outline'; 
const notch = new MDCNotchedOutline(document.querySelector('.mdc-notched-outline'));
const username = new MDCTextField(document.querySelector('.username'));

Стили (в login.scss): 

@import "@material/textfield/mdc-text-field";
@import "@material/notched-outline/mdc-notched-outline";

Когда я использую разметку заполненного текстового поля, она работает, но в общих чертах - нет.

...