Quantcast
Channel: SharePoint 2013 - Development and Programming forum
Viewing all articles
Browse latest Browse all 25064

Bug: JSLink on field/column breaks callout menu in Chrome, Firefox

$
0
0

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:

Error when clicking callout menu link 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.

Error when clicking callout menu link in Firefox

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

Viewing all articles
Browse latest Browse all 25064

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>