Я использую webpack и изменил структуру моего приложения AngularJS и экспортирую модули. По какой-то причине мои значки, которые я использую для полей ввода, настроены на svg и заставляют его расширяться по контейнеру.
<div class="input-group m-r-sm">
<input type="text" class="form-control pill-radius" name="portfolioSearch" data-ng-model="searchPortfolio" placeholder="Search Portfolio..." autocomplete="off">
<div class="input-group-append">
<i class="d-flex input-group-text pill-radius fa fa-search"></i>
</div>
</div>
Как видите, большой круг предназначен для того, чтобы быть маленьким значком поиска, добавленным к полю «поисковое портфолио». Я не менял ни один из классов или контейнеров. Если я проверяю страницу в старом приложении, значок поиска отображается как <i>, теперь приложение отображает его как <svg>.
Вопрос
Почему это происходит?