Перескок текста в md-автозаполнении углового материала

Question

Перескок текста в md-автозаполнении углового материала

0

У меня есть следующий компонент углового материала:

<div flex>
    <md-autocomplete 
          md-selected-item="selectedSavedList"
          md-search-text="searchSavedList"
          md-search-text-change="savedListItemChange(searchText)"
          md-items="item in querySavedList(searchSavedList)"
          md-item-text="item.name"
          md-min-length="0"
          style="min-width: 300px;"
          placeholder="hellow">
            <md-item-template style="background-color:white;">
                <span class="select-title">
                <span> {{item.name}} </span>
          </span>
            </md-item-template>
    </md-autocomplete>
</div>

Во-первых, когда я наводил указатель мыши на компонент, текст места крепления немного сдвигается вниз. если мышь покидает компонент, текст снова перемещается на свое место. После того, как я нажму, после того, как я выберу элемент, он делает то же самое движение. Я использую компонент почти всюду в моем проекте, и их единственная распространенная вещь - файлы css (таким образом, не проблема js)

Известно ли это проблеме материала или где-то в моем css, вызывающем это? Если да, то какие части могут влиять на это?

Asqan 30 дек. 2015, в 14:57

Источник

Теги:

javascript

angularjs

css

angular-material

2 ответа

0

Хм, мне хорошо. Может быть, его браузер или код раньше? Вы обернули его другими атрибутами flex или layout?

alox wagnor 03 янв. 2016, в 08:46

Ещё вопросы

Asqan · Accepted Answer · 2016-01-04T11-26-00.000Z

Причиной проблемы было изменение свойства line-height (хотя неясно, осуществляется ли это другой каркас или нет).

Проблема присваивает свойство высоты строки входным элементам.

например

md-autocomplete input:not(.md-input) {
    line-height: 2.42857143;
}