Стек md-чипов вертикально-угловой

Я тестирую директиву md-chips в AngularJS.

Есть ли способ сложить "фишки" по вертикали, а не добавлять их по горизонтали?

Я пробовал демонстрации, найденные здесь:

https://material.angularjs.org/latest/demo/chips

1 ответ

Следующий стиль CSS - это минимум, необходимый для вертикальной укладки микросхем:

md-chip {
  clear: left;
}

CSS по умолчанию для md-chip's float: left и применяя clear: left заставляет фишки очищать друг друга и укладывать вертикально применение float: none или некоторые другие стили для изменения числа с плавающей запятой, по-видимому, легко нарушают директиву по умолчанию и приводят к невозможности доступа к полю ввода и добавления новых фишек. Я отмечаю, что для исправления .md-chips контейнер, содержащий чипсы, такие как ограничение его ширины, чтобы получить желаемый результат.

Смотрите: Вертикальная демонстрация чипов на Codepen

Другие вопросы по тегам