Угловые даты 7 PrimeNg Календаря исчезают при наведении курсора в Firefox - PullRequest
Новая
       11

Угловые даты 7 PrimeNg Календаря исчезают при наведении курсора в Firefox

0 голосов
/ 04 июня 2019

Я внедряю Календарь PrimeNg.Когда я помещаю это на страницу, без каких-либо наших стилей и специального форматирования, это работает отлично.Когда я помещаю его на страницу со всеми этими необходимыми опциями, календарные даты и тому подобное исчезают, а затем снова появляются.

Я пытался за ЧАСЫ разобрать его до основ, но не могу понять, что является причиной проблемы.Я экспериментировал с удалением стилей ширины из элементов, и календарь выглядит хорошо, но нам это нужно.

Я создал стек для этой проблемы, реплицируя его.Это проблема только в Firefox, а не в Chrome.Я знаю, что CSS не полностью применяется, и это очень грязный вид, но он повторяет проблему.https://stackblitz.com/edit/angular6-primeng-b51scg

Я ожидаю, что эти даты не исчезнут, и другие элементы календаря исчезнут.В этом должно быть что-то, с чем у Firefox возникают проблемы.

1 Ответ

0 голосов
/ 05 июня 2019

css , который вы добавили, ломает календарь (при наведении курсора на дату) 

span {
    &.ui-calendar {
        display: inline; //this line is breaking your code
        button {
          ....
        }
    }
}

Также самая верхняя часть календаря при выборе месяца ломается:

.placed-input {
    ...
    width: 80%; //this line is breaking your code
}

Я не знаю, что именно вы пытаетесь выполнить

На основе страницы, на которой ваш календарь с дополнительными стилями, работает отлично: 

<p-calendar [(ngModel)]="date3" [showIcon]="true"></p-calendar>
...