Dropdown not showing for Add New Role

[peoriadrupaluser]

When a I go to add a new role in a case, the Add Role modal comes up and I can select the type of relationship but the search box does not come up for me to search for the person the relationship is with. It is only a text box. I have test this in the demo and it works like a charm there.

Thanks!

-Josh

[Coleman Watts]

Are you using the latest version of Civi?
What CMS+version are you using?
Can you open up your browser console and report any errors/messages you see when this bug happens?

[peoriadrupaluser]

I just upgraded to CiviCRM 4.5.3. We are in Drupal 7.32.

When I first open the case I see these console messages. 
Uncaught TypeError: undefined is not a function case?reset=1&id=85&cid=8722&action=view&context=dashboard&selectedChild=case:407
Uncaught Error: Syntax error, unrecognized expression: #

When I open the modal I see:

Uncaught Error: cannot call methods on autocomplete prior to initialization; attempted to call method '/civicrm/ajax/rest?className=CRM_Contact_Page_AJAX&fnName=getContactList&json=1&context=caseview' js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55m.extend.error js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64m.extend.each js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55m.fn.m.each js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55e.fn.(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64cj.dialog.open case?reset=1&id=85&cid=8722&action=view&context=dashboard&selectedChild=case:699e.Widget._trigger js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64e.widget.open js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:68(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64e.widget._init js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:68(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64e.Widget._createWidget js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64e.(anonymous function).(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64m.extend.each js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55m.fn.m.each js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55e.fn.(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:64addRole case?reset=1&id=85&cid=8722&action=view&context=dashboard&selectedChild=case:681onclick case?reset=1&id=85&cid=8722&action=view&context=dashboard&selectedChild=case:353

Thanks!

[Coleman Watts]

That's a good clue. Can you dig a little deeper - it seems that a syntax error is causing a general js crash. Can you click on that message and find out what exactly the offending code is? I think the key is "Uncaught Error: Syntax error, unrecognized expression: #" but I need to know exactly what that is referring to - clicking on it should reveal more context.

[peoriadrupaluser]

When I look for more info I get:

Uncaught TypeError: undefined is not a function case?reset=1&id=85&cid=8722&action=view&context=dashboard&selectedChild=case:407(anonymous function) case?reset=1&id=85&cid=8722&action=view&context=dashboard&selectedChild=case:407
Uncaught Error: Syntax error, unrecognized expression: # js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55fb.error js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55fb.tokenize js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55fb.compile js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55fb.select js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55fb js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55fb.matches js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55m.filter js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55m.fn.(anonymous function) js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55(anonymous function) case?reset=1&id=85&cid=8722&action=view&context=dashboard&selectedChild=case:904j js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55k.fireWith js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55m.extend.ready js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55J js_JhfnPKYCpZmpnx4AOVRj1GFpkkpoyp9n5_5apxULPPc.js:55

I do not know what any of this means to be of more help.

[Coleman Watts]

That doesn't make a lot of sense to me. Can you send me a login to your site I may be able to find the cause. Now is a good time to do this because we've got a release coming up on wed, so let's try to fix this before then.

[Coleman Watts]

It looks suspiciously like you have implemented a tpl override on your site and neglected to update it when you upgraded. I'm seeing a lot of 4.4-style markup in the manage case ui which is not compatible with 4.5.

[peoriadrupaluser]

Yes, that is problem.

Thanks!

[Coleman Watts]

I suggest you try to get rid of the tpl override if at all possible, or you'll just have this problem again next upgrade.
Some alternatives:
http://wiki.civicrm.org/confluence/display/CRMDOC/hook_civicrm_caseSummary
https://wiki.civicrm.org/confluence/display/CRMDOC/Region+Reference