2016-11-17 2 views
0

Как вы предотвращаете расширение линии ввода при добавлении нескольких фишек. Я пробовал устанавливать гибкость и ширину, но в итоге она нажимает линию ввода вниз. Я также попытался установить его на абсолютное, но это полностью испортило выравнивание. Вот картина того, что происходит:Угловой материал md-chips md-autocomplete

Example of md-chip with autocomplete with input box acting weird.

+0

Возможный дубликат [Как использовать md-фишки в строке] (http://stackoverflow.com/questions/35353358/how-to-use-md-chips-inline) –

+0

Спасибо, что я видел этот пример. Я не вижу вид в ручке кода. Но это немного другое. Я пытаюсь предотвратить расширение формы входной строки – Flash

ответ

2

Попробуйте добавить max-width, max-height и overflow-x: hidden к md-chips-wrap тегов в файле CSS.

Что-то вроде этого:

md-chips-wrap{ 
    max-width: 250px; 
    max-height: 40px; 
    overflow-x: hidden; 
} 

И дайте мне знать, если это хорошо для вас!

+0

, спасибо, что она работает нормально, но теперь я могу видеть чипы вообще. если я не использую полосу прокрутки. Я думаю, что заполнитель блокирует его. Я думаю, что окно ввода должно двигаться в конце концов, когда вы добавляете много фишек. Это просто не должно выглядеть действительно грязно, если вы получите то, что я говорю – Flash

+0

Привет, Патрик, вы можете помочь мне с этим вопросом http://stackoverflow.com/q/41509407/6480245 – Flash