Hi,
I am trying to use JSLink+JavaScript to customize the rendering of a field. My very simple JavaScript code looks like this:
;(function () { 'use strict'; console.log('EmployeeFieldCSR loaded'); var overrideCtx = {}; overrideCtx.Templates = {}; overrideCtx.Templates.Fields = { 'Employee': { 'View' : '<b><#=ctx.CurrentItem.Employee#></b>' } }; SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx); })();
The field definition looks like this:
<Field ID="{b240270a-6204-4ac7-9b97-b74ca2e78a65}" Name="Employee" DisplayName="Employee" Type="Lookup" Indexed="TRUE" JSLink="~site/_layouts/15/CSRAssets/EmployeeFieldCSR.js" List="Lists/Contacts" ShowField="FullName" Required="FALSE" Group="Blueprint"></Field>
I can get the custom rendering working fine (in the test code above it is very simple on purpose to hunt down the bug).
The problem is that when a user clicks on the callout menu (...) from FireFox (v19) or Chrome (v25), there is a script error and the callout menu does not show properly. It does appear correctly in Internet Explorer 10.
This is the error message that shows up in Chrome:
This is the error message that shows up in Firefox. Notice that there is a 401 unauthorize call in Firefox, i did not see one in Chrome.
Is there something I need to do differently, or is this indeed an actual bug?
Best, Egil.
PS: Cross posted on http://sharepoint.stackexchange.com/questions/61366/bug-jslink-on-field-column-breaks-callout-menu-in-chrome-firefox