dijit.layout.ContentPane breaks render of dojox.calendar.MatrixView

[HubbaBubba]

I am inserting a dojox.calendar.MatrixView? within a TabContainer/ContentPane?. When the page loads, the first Tab container displays a dojox.calendar/SimpleColumnView, but when I click on the second tab (containing a dojox.calendar.MatrxView?), dojo becomes unresponsive with the following alerts:

Script: ​https://parkes-ops.atnf.csiro.au/PORTAL/dev/jslib/dojo/dojo/dojo.js:58

Also seen at lines 126, 423, ...

A bare-bones example of the issue is attached.

Thanks for your time. Cheers, Stacy.

[HubbaBubba]

Example of dijit.layout breaking MatrixView?

[bill]

It's probably because you forgot to call startup() on the dojox/Calendar. You may also need to call resize() on the calendar.

You've also got a syntax error in your test case on line 114, mismatched single and double quotes.

[HubbaBubba]

Thanks for the quick reply bill.

I tried adding:

rosterCal.startup()

plus:

win.doc.appState = {

moveDisabledMap: {}, resizeDisabledMap: {}

};

var calloutMatrix = declare([dojox.calendar.MatrixView?])({

isItemResizeEnabled: function(item, kind){

return this.isItemEditable(item, kind) &&

win.doc.appState.resizeDisabledMap[item.id] !== true;

},

}, "calloutCal");

calloutMatrix.startup(); window.onresize = function(e){ calloutMatrix.resize(e); }

However, I see the same behaviour. I am puzzled why I need the above when I do not require dijit/layout.

Stacy.

[HubbaBubba]

Added startup and resize events to MatrixView? and SimpleColumnView?

[HubbaBubba]

Added resize and startup methods. Behavior as before.

[bill]

OK. I don't think this has anything to do with ContentPane?. I see the same problem with a plain Calendar and nothing else. Like you are missing some CSS.

[bill]

testcase w/only calendar, still fails

[HubbaBubba]

I have added the same CSS as the matrixview.html example[1]. However, there is no change in behavior.

<link rel="stylesheet" href="jslib/dojo/dojox/calendar/themes/claro/SimpleColumnView.css"/> <link rel="stylesheet" href="jslib/dojo/dojox/calendar/themes/claro/MatrixView.css"/> <link rel="stylesheet" href="matrixview.css"/> <link rel="stylesheet" href="jslib/dojo/dojo/resources/dojo.css"/> <link rel="stylesheet" href="jslib/dojo/dijit/themes/dijit.css"/> <link rel="stylesheet" href="jslib/dojo/dijit/themes/claro/claro.css"/>

[1] ​http://download.dojotoolkit.org/release-1.9.0/dojo-release-1.9.0/dojox/calendar/tests/matrixview.html

[HubbaBubba]

bill - your 'reduced.html' file works fine on my system with Dojo 1.9.0

Cheers, Stacy.

[HubbaBubba]

A little more characterization on the code below:

Case a) With the code "as is", the SimpleColumnView? in the 'Roster' tab loads, but the MatrixView? in the 'Callout' tab does not render and clicking on the 'Callout' tab causes Dojo to freeze.

Case b) Removing the 'rosterCal' div causes the same as in Case a).

Case c) Removing the 'Roster' ContentPane? and SimpleMatrixView? content results in the MatrixView? displaying nicely in the Callout tab.

Case d) Displaying both the rosterCal and calloutCal divs in the same ContentPane? produces both SimpleColumnView? and MatrixView? nicely.

<div data-dojo-type="dijit/layout/ContentPane" title="Roster">

<div id='rosterCal'></div>

</div> <div data-dojo-type="dijit/layout/ContentPane" title="Callout">

<div id='calloutCal'></div>

</div>

So based on the above, given that both the SimpleColumnView? and MatrixView? display within the same ContentPane? would exclude a CSS issue?

[bill]

bill - your 'reduced.html' file works fine on my system with Dojo 1.9.0

OK... yes turns that Calendar itself has been completely broken since the 1.9.0 release, specifically in ​d66d37957dd5effba56d7cfb792537f4649dba9c.

As for the problem you reported, it's surely a problem with Calendar initializing itself inside a hidden (display:none) div, so passing on to that team.

[HubbaBubba]

Ok, thanks for that.

Cheers, Stacy.

[dylan]

Ticket planning... move current 1.13 tickets out to 1.15 to make it easier to move tickets into the 1.13 milestone.