Issue 320: Invisible view/events in IE
Status:  Released
Owner: ----
Closed:  Aug 2013
Reported by my.nik...@gmail.com, Feb 3, 2010
I use firefox and chrome and they are both ok.
When using IE, it can show normally when refresh. But when use next/prev 
tab, the events of current week will miss. 
I search why this happens. I thougt is was the oe cache issue. But it is 
not.

When reading documents, I noticed words as following:  


Normally, the event will disappear once the calendar refetches its event 
sources (example: when prev/next is clicked). However, specifying stick as 
true will cause the event to be permanently fixed to the calendar.


I want to know how will the disappearance happen and how to avoid it.
PS: I fetch data via JSON. 
Another issue, the ie only shows several months. For example, when I click 
next,next..next, then it will show a blank frame without calendar. It is 
so weird. All these issues only appear on IE.
normal.jpg
38.8 KB   View   Download
abmormal.jpg
36.1 KB   View   Download
calendar_disappear.jpg
15.3 KB   View   Download
Feb 3, 2010
#1 katie.e....@gmail.com
my.nikkea, have you checked to see what start and end times the calendar is sending
to your JSON?  I'm chasing down some questions I have related to what times the
calendar is sending to mine - for example sometimes for week view it appears to ask
for events starting on the first day at 5 a.m. until the day after the last day at 5
a.m. - not quite what I was expecting.  Day view seems to be experiencing similar
behavior.  This is with the agenda views, not the basic views.
Feb 3, 2010
#2 ZacGross
Katie.e.friesen that sounds like a problem with your date deserializer offseting the 
timezone of the date object. When converting the js date object to a server side 
equivielent alot of deserializers will automatically offset the date based on the 
timezone info encoded in the js date object. I ran into this problem using asp.net 
webservices on my backend, I ended up having to pass the dates as formatted strings 
with the timezone info stripped out and then write the appropriate server side code 
to convert the strings into date objects to be worked with. I am guessing you are in 
the eastern timezone (GMT -5) which would cause the dates to show up as 5am.
Feb 6, 2010
Project Member #3 adamrs...@gmail.com
my.nikkea,
sounds like some type of error is being thrown internally in fullcalendar, which is 
preventing everything from being successfully rendered. could it be that you are using 
the newest jquery (1.4)? this version is much stricter about parsing json 
(http://yehudakatz.com/2010/01/15/jquery-1-4-and-malformed-json/)

but maybe this isn't the problem. can you post a working example of the problem in a 
zip file? just include some of your feed's json in a text file.
Feb 7, 2010
#4 my.nik...@gmail.com
Hi  adamrshaw, I used the newest fullcalendar. The json data is ok. Because it is
normal on Firefox and chrome. I tried to fetch the number of events. And the number
is ok. It is the same as in firefox, chrome and mysql database. But it always can not
show correctly on ie when using prev/next tab (refresh on the current page is ok). I
guess:
1. The ie is something wrong such as cache.
2. There is something wrong about prev/next tab on ie. 
Feb 7, 2010
#5 my.nik...@gmail.com
I used the newest jquery. 
$('#calendar').fullCalendar({
			header: {
				right: 'prev,next today',
				center: 'title',
				left: 'title'
				//right: 'month,agendaWeek,agendaDay'
				//right: 'month'
			},
			firstDay: 1,
			editable: true,
			disableResizing:false,	
			
			events: function(start,end,callback){
			var url="http://localhost:8080/cal/servlet/calSend?format=json&jsoncallback=?";
			$.getJSON(url,
			{
			//start: start.getTime(),
			//end: end.getTime()
			start: Math.round(start.getTime() / 1000),
            end: Math.round(end.getTime() / 1000)
			
			},function(data){  
				var calEvents = new Array();
				
				calEvents=data.events;
				callback(calEvents);
				
     		});
			},
Feb 7, 2010
Project Member #6 adamrs...@gmail.com
please just include a zip, with everything needed to recreate the bug. i don't want to 
waste 30 minutes trying to figure out why i can't recreate it.

the json parsing might actually be different across browsers
Feb 7, 2010
#7 ZacGross
Hi Adam,

I just encountered this error on IE8. I am not using json parsing.

Its throwing an invalid argument exception on line 1483 (the set event widths code) 
when ever the next/prev buttons are used which stops the events from being rendered.

I tested in firefox 3.5, safari, ie6, ie7 they all seem to work fine, just ie8 that 
throws this error. 


Feb 7, 2010
Project Member #8 adamrs...@gmail.com
ok, thanks for the report.

can you please include a zip file with an html file that demonstrates the problem? the 
problem could be caused by a number of things (different doctype, your css, your 
initialization code, a million other things) and its be infinitely easier for me if 
you could recreate the bug for me. i've tested fullcalendar in ie8, and everything 
seems fine to me, so it must be specific to your situation. thanks
Feb 7, 2010
#9 my.nik...@gmail.com
(No comment was entered for this change.)
Feb 7, 2010
#10 my.nik...@gmail.com
This is a jsp file. I added the whole file.
Feb 7, 2010
#11 my.nik...@gmail.com
(No comment was entered for this change.)
problem.zip
3.1 KB   Download
Feb 8, 2010
#12 ZacGross

I found the root of the problem I described in comment #7, it was being caused by 
the ie7 meta tag I had in my header to make ie8 render like ie7:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

my.nikkeas example code dosen't seem to have this meta tag so this may be 2 seperate 
issues.

I attached a zip with a demo of the ie7 meta bug (/examples/default.html)
fullcalendar-1.4.4-ie7meta.zip
161 KB   Download
Feb 10, 2010
Project Member #13 adamrs...@gmail.com
 Issue 331  has been merged into this issue.
Feb 10, 2010
Project Member #14 adamrs...@gmail.com
i am able to recreate this. its just one of those lame bugs in IE (non-compatibility mode) 
where an element is there, but just not being displayed.

i havent fully tested, but i've found a solution that works for now. right before the end 
of the main render() method, but the following lines:

_element.offsetWidth;
element.hide().show();
_element.offsetWidth;

oh yeah, you might also need to add the following line to your css:

.fc { position: relative }

i may be able to come up with a more elegant solution for the release though
Summary: Invisible view/events in IE
Status: Accepted
Feb 15, 2010
Project Member #15 adamrs...@gmail.com
hello, anyone with this problem, can you please try out the attached fullcalendar.js 
and see if it solves the problem? it contains my latest fixes. thanks
fullcalendar.js
85.3 KB   View   Download
Feb 21, 2010
Project Member #16 adamrs...@gmail.com
this issue should be fixed in 1.4.5 (just released). please let me know if any more 
problems. thanks for the help
Status: Fixed
Apr 18, 2010
#17 needb...@gmail.com
Hi I experience the same problem using 1.4.5
Apr 18, 2010
#18 needb...@gmail.com
I get this Javascript Error: 'undefined' er null eller ikke et objekt
Line: 868
Char: 2
Kode: 0
file: fullcalendar.js


Jul 24, 2010
#19 matewja...@gmail.com
me too getting this error.Can you pls help me...?

This is the error : 

'undefined' er null eller ikke et objekt
Line: 868
Char: 2
Kode: 0
file: fullcalendar.js



thanks 
Mathew
Jun 22, 2012
#20 ignacio....@gmail.com
Hi all,

we have been facing the same problem with the version "fullcalendar-1.5.3". To solve the problem we used the solution proposed by you in this thread: 

" right before the end 
of the main render() method, but the following lines:

_element.offsetWidth;
element.hide().show();
_element.offsetWidth;"

thank you and kind regards.

Aug 13, 2013
Project Member #21 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Implemented
Aug 13, 2013
Project Member #22 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Released