Странная ошибка со шрифтом Trebuchet MS

Question

Я пытаюсь использовать плагин jquery.fullcalendar, используя тематику пользовательского интерфейса jQuery.

Все в порядке, за исключением того, что когда пользователь пытается выбрать диапазон времени (просмотр недели или дня), выборсместился около часа.Вы можете видеть это поведение в этой скрипке .

. Я уменьшил проблему и пришел к выводу, что проблема связана с кодом CSS.В скрипте я скопировал проблемный код CSS (соответствует CSS-структуре jQuery UI).Если вы удалите этот код CSS, выделение будет работать нормально (но без формата, конечно).

Я пытался найти точную проблему, но не вижу.

РЕДАКТИРОВАТЬ : я уменьшил проблему до это .Теперь, если вы удалите шрифт "Trebuchet MS" из .ui-widget fullCalendar работает !!Смотрите здесь Рабочая демоверсия .Вопрос сейчас в том, почему?Я использую Linux, я не знаю, имеет ли это какой-то эффект ...

Answer 1

удалите из вашего css следующее:

.fc-agenda-slots td div {
    height:20px;
}

или измените его на:

.fc-agenda-slots td div {
    height:auto;
}

Я предполагаю, что размер шрифта превышает div фиксированного 20px с результатом, чтобы получить эту "странную ошибку".

Демо: http://jsfiddle.net/gQMvH/5/

Answer 2

Я нашел код обидчика. Это

.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }

под Component containers. Особенно декларация семейства шрифтов. Удаление его останавливает странное поведение, но почему он это вызывает ... понятия не имею.

http://jsfiddle.net/5tAaj/