2015-02-26 4 views
0

Я пытаюсь реализовать fullCalendar (используя камень fullcalendar-rails) в проекте Rails и, хотя я могу отображать события в календаре, позиционирование событий полностью из сильный удар. Example.fullCalendar в Rails не соответствует правильной неделе

дата для этого события должна быть от 02/24 через 02/28, и кажется, что горизонтальное расположение мертво на для этого, но вертикальное выравнивания (в течение недели) является далеко. Если я перезагружу страницу, вертикальное выравнивание скачет только чуть-чуть (от 10 пикселей до 100 пикселей вверх и вниз).

Есть ли что-то, что мне не хватает здесь с CSS, или может быть, что мой json-конструктор не разбирается правильно?

Мой строитель:

json.array!(@movies) do |movie| 
    json.id movie.id 
    json.title movie.name 
    json.extract! movie, :description 
    json.start movie.start_date 
    json.end movie.end_date 
    json.url movie_url(movie, format: :html) 
end 

Который производит:

[{"id":8,"title":"Test","description":"sldkfjasdflkajsdfasdf","start":"2015-02-24","end":"2015-02-28","url":"http://www.movieman.dev:3000/?format=html"}] 

Мои JS вызова: JSON

$(document).ready(function() { 
    $('#movies_calendar').fullCalendar({ 
     events: '/calendar.json' 
    }); 
}); 

Любая идея, что здесь происходит?

Edit: Эта проблема возникает только в Chrome, я полагаю, что это должно быть что-то в fullCalendar.js/CSS

+0

Вы пробовали это на очень простой странице без вашего собственного или другого Rails CSS? – WattsInABox

+0

Да, когда я изолировал его и закодированные события в нем, он работает нормально. – lolcopter

+0

Еще одна вещь, которую я только что заметил, это ТОЛЬКО случается в Chrome. Firefox и Safari работают отлично. – lolcopter

ответ

0

Найдена исправление и размещение только в случае, если кто-нибудь случится столкнуться с этим странным/редким сценарием в будущее.

fullCalendar есть раздел отмен правила коробчатого проклейки Bootstrap Твиттера для позиционирования календаря элементов:

.fc-view-container *, 
.fc-view-container *:before, 
.fc-view-container *:after { 
    -webkit-box-sizing: content-box; 
     -moz-box-sizing: content-box; 
      box-sizing: content-box; 
} 

В моей CSS я имел следующее:

*, *:before, *:after { 
    transition: all 0.3s; 
} 

Удалив выше он зафиксировал вертикальное позиционирование.