My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 2234: box-sizing: border-box (eg from bootstrap) causes incorrect positioning
1 person starred this issue and may be notified of changes. Back to list
Status:  Released
Owner:  ----
Closed:  Aug 2014


Sign in to add a comment
 
Reported by kant...@gmail.com, Aug 8, 2014
Changing box-sizing property to border-box causes fullcalendar 2.1 to render with incorrect positioning of the events (they are rendered above time axis).
You can easily reproduce this by adding <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> to your html.

The easiest workaround I found is adding the following css rules:

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

It would probably be better to fix the function that measures axis width.
Aug 14, 2014
Project Member #1 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Accepted
Labels: Type-Bug
Aug 14, 2014
Project Member #2 adamrs...@gmail.com
I imagine this is also a problem pre 2.1, but will get this fixed in 2.1 nonetheless
Summary: box-sizing: border-box (eg from bootstrap) causes incorrect positioning (was: [skeleton] box-sizing: border-box (eg from bootstrap) causes incorrect positioning)
Labels: milestone-skeleton
Aug 14, 2014
#3 kant...@gmail.com
2.0 works fine with bootstrap. I only encountered this in 2.1
Aug 19, 2014
Project Member #4 adamrs...@gmail.com
This issue has been fixed in the v2.1.0-beta3.

http://blog.arshaw.com/1/post/2014/07/fullcalendar-210-beta.html

I would greatly appreciate if you could verify this. Thanks!
Status: Implemented
Aug 20, 2014
#5 kant...@gmail.com
I can confirm that the fix is working in beta3.
Aug 26, 2014
Project Member #6 adamrs...@gmail.com
This issue has been resolved with the official release of v2.1.0:
http://blog.arshaw.com/1/post/2014/08/fullcalendar-210-released.html

Please post any follow-up bug reports or feature requests as separate issues. Thanks.
Status: Released
Sign in to add a comment

Powered by Google Project Hosting