Поля формы становятся невидимыми при выборе значка календаря - Google Chrome

Question

Я некоторое время боролся с этой формой: http://www.thebeardmore.com/booking-mask/

Я использую Google Chrome для отладки.

Когда я нажимаю значок «Календарь», появляется окно с датами, охватывающее поля ввода (ночи / взрослые / дети) внизу.

Однако это также делает эти поля полностью невидимыми (видимость: скрытыми) с тех пор.

Может кто-нибудь объяснить, почему это происходит и как я могу это остановить?

Спасибо.

Answer 1

По сути, скрипт скрывает любой элемент (путем установки visibility: hidden), который охватывает календарь.Я думаю, это произошло из-за проблем с рендерингом в IE6.Однако это вызывает проблемы в Chrome и IE8 , поэтому, вероятно, стоит отключить это поведение.

Несколько способов сделать это:

1) Установите visibility: visible inline:

<select id="nights" name="Length" style="visibility: visible">

2) (предпочтительно) Переопределить метод hideShowCovered Календаря:

// At the top of your script
Calendar.prototype.hideShowCovered = function() {};