Почему font awesome не видит в модальном окне?

Question

[Senseich]

Такую проблему наблюдаю. Устанавливаю датапикер в поле, которое находится в модальном окне. Но не отображаются стрелочки awesome которые переключают месяцы. Если устанавливаю не в модалку, а допустим просто на страницу сайта, то всё отображается, а вот в модалке как будто вобще не видит шрифт. В чем может быть дело или как заставить его видеть в модальном окне?

https://prnt.sc/hg573o

Пример вот здесь: https://tempusdominus.github.io/bootstrap-4/Usage/

Comments

[Михаил]

Хотя бы уточнили как повторяется, а именно в каких браузерах это поведение.

[Senseich]

Михаил Гожий, во всех браузерах так, проверил

[Степан Даващеневопрос]

в модалке iframe?
если так то шрифт не подтягивается туда
awesome - это обычный шрифт

[Senseich]

Степан Даващеневопрос, нет это обычная бутстраповская модалка

[Ankhena]

В чем может быть дело

Для начала надо дать ссылку на пациента или сотворить пример в песочнице.

[Senseich]

Ankhena, вот здесь можно посмотреть cah.product-web.ru

prntscr.com/hg9y63
prntscr.com/hg9z29
prntscr.com/hg9zms

[Ankhena]

Senseich,
потому что


И потом еще позиционирование, потому что если убрать none, то обе стрелки в правом углу.

Что делать дальше с бутстраповскими нюансами не подскажу, надо гуглить, если скрипт виноват, а не просто в стилях напортачили.

Answer 1

[Павел Антонов]

У вас в template.css стоит display:none;

.input-item .fa {
    position: relative;
    right: 7px;
    display: none;
    top: 6px;
    font-size: 18px;
}

можно вылечить так например

.bootstrap-datetimepicker-widget .fa{
    display:inline-block;
}

или другим селектором по вкусу)