Угол 4: перекрестный поиск по типу входа и сигнал сонара "Экспериментальные свойства не должны использоваться"
Я работаю над приложением, созданным на Jhipster с Angular 4.3. Я использую поиск по типу ввода с компонентом ngbTypeahad из NgBootstrap. Пользователи хотят иметь крестик внутри ввода, чтобы удалить поиск. Я нашел эту проблему на github и этот коммит, который объясняет, что я могу поместить этот CSS для отображения креста:
input[type='search']::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
Это работает хорошо (без этого CSS у меня нет креста), но Sonar предупреждает меня об этом:
-webkit-appearance: searchfield-cancel-button;
И говорит:
Remove this usage of the obsolete / not on W3C Standards track "appearance" property.
Define the standard property right after this vendor-prefixed property.
Remove this usage of the experimental "appearance" property.
Я прочитал ссылки, отправленные с почтой, но я не понимаю, что вместо этого поставить, чтобы не было другого оповещения сонара, я не нашел решения.
HTML-код ввода выглядит следующим образом:
<input type="search"
class="form-control"
[(ngModel)] = "country"
maxlength="50"
[resultFormatter]="formatMatches"
[inputFormatter]="formatMatches"
[ngbTypeahead]="search"
(selectItem)="selectedItem($event)">
У кого-нибудь есть идея?