JQuery-UI and jQuery-DataTable compatibility with Lightning Locker Service

Question

Is there any version of following libraries:

jQuery-UI (https://jqueryui.com/)
jquery-DataTable (https://datatables.net/)
Bootstrap JS (http://getbootstrap.com/javascript/)

That are compatible with Locker Service?

When using .autocomplete() function from jQuery-UI I'm getting following error:

Something has gone wrong. afterRender threw an error in 'markup://aura:html' 
[afterRender threw an error in 'markup://aura:html' 
[afterRender threw an error in 'markup://aura:html' 
[afterRender threw an error in 'markup://aura:html' 
[afterRender threw an error in 'markup://aura:html' 
[afterRender threw an error in 'markup://c:CPQ_UTIL01_Autocomplete'
[TypeError: Cannot define property:jQuery224091732131111102392, object is not extensible.]]]]]] 
Failing descriptor: {markup://aura:html}. Please try again.

Also .tooltip() function from Bootstrap is not working for me.

I'm trying to bring back some functionalities that are built on these libraries.

Case is already opened: #14139006

Where in Salesforce am I supposed to file a Case? I'm fairly new to the ecosystem and I'm not sure which queue the devs actually look at... — Rowan Christmas
– Rowan Christmas, Commented Jul 7, 2016 at 5:21

Maciek Simm · Accepted Answer · 2016-07-05 22:11:06Z

2

Actually for jQuery-UI it seems to be working, the issue was of different nature:

In the original scenario I had:

<ui:inputText aura:id="autocomplete" ...>

And I was trying to do:

$(autocomplete).autocomplete({
   ...
});

It seems that secure DOM introduced by locker service very effectively forces ownership of DOM elements, and I was not able to put autocomplete function on a different component (ui:inputText)

After changing the view to standard:

<input type="text" ... >

All seems to be working.

answered Jul 5, 2016 at 22:11

Maciek Simm

1,2252 gold badges14 silver badges23 bronze badges

Can you let me know what version of jQueryUI are using ? I was facing a similar problem with datepciker and I have raised a case with sf and its been considered as a bug

Pavan
– Pavan

2016-07-08 08:37:09 +00:00
Commented Jul 8, 2016 at 8:37
I'm using current stable version: v1.11.4

Maciek Simm
– Maciek Simm

2016-07-08 11:48:48 +00:00
Commented Jul 8, 2016 at 11:48

Add a comment |

Stack Exchange Network

JQuery-UI and jQuery-DataTable compatibility with Lightning Locker Service

1 Answer 1

You must log in to answer this question.

Hot Network Questions

JQuery-UI and jQuery-DataTable compatibility with Lightning Locker Service

1 Answer 1

You must log in to answer this question.

Related

Hot Network Questions