Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
jcbowyer
Frequent Visitor

Single Select Combobox custom visual not working on chrome/edge

 

 

I have a draft copy of a working single select combox box custom visual.   It seems to perform much faster than the okviz multiselect, defaults selection to first item to make sure item is always selected, and is a simple single select which is what we want for our project.

 

However,  I can't get the visual to display on chrome or edge.  I can't even determine an intelligible error code to figure out where to look.

 

The visual looks as below

 

Comboboxscreenshot.png

It does not display at all on chrome or edge.  

 

The source code for the visual is located at https://github.com/jcbowyer/CustomVisuals/tree/master/ComboBox

 

A demonstration pbix file is located here:  https://github.com/jcbowyer/CustomVisuals/blob/master/ComboBox/dist/ComboBox-Sample.pbix

 

Any help would be greatly appreciated.  I feel this control would be very helpful to the community if we were able to work through and stabilize a few isssues.

 

1 ACCEPTED SOLUTION

I was able to step through an debug the issue was with the kendo library inside of custom visuals.   I made some slight adjustments and it is functioning now.

View solution in original post

4 REPLIES 4
Anonymous
Not applicable

@jcbowyer I downloaded your source code from the link you gave, only find it doesn't work and threw a bunch of errors.  I am not sure if it is because I am on pbiviz 2.5 and your combobox was written in 1.6?  Does it work on yours?  I know it has been a while.  Would you let me know please?

 

jcbowyer
Frequent Visitor

There is an error message in chrome, but it is not clear to me.

 

Uncaught TypeError: Illegal invocation
at <anonymous>:11744:46
at <anonymous>:11974:10
at <anonymous>:13580:6
at <anonymous>:13583:15
at __meta__.id (<anonymous>:10292:5)
at Window.<anonymous> (<anonymous>:10293:2)
at <anonymous>:25952:20
at Object.r [as injectJsCode] (visualhostcore.min.js:2)
at i.loadWithoutResourcePackage (visualsandbox.min.js:1)
at i.executeMessage (visualsandbox.min.js:1)

I was able to step through an debug the issue was with the kendo library inside of custom visuals.   I made some slight adjustments and it is functioning now.

@jcbowyer I'm getting a similar error when debugging my custom visual - `Illegal invocation`.  However debugging is proving difficult in the sandboxed environment.

 

How did you debug?  Specifically, I'm trying to figure out which files the line numbers in the stack trace refer to in the anonymous function calls.

 

This is my stack trace currently:

 

:sourcemap:1043 TypeError: Illegal invocation
    at e._resizeCanvas (<anonymous>:404:13670)
    at e._setupContainer (<anonymous>:404:13366)
    at new e (<anonymous>:404:2174)
    at MapboxMap.update (<anonymous>:1071:36)
    at MapboxMap.value [as update] (<anonymous>:1040:61)
    at r.update (VM28150 visualhostcore.min.js:3)
    at VM28150 visualhostcore.min.js:3
    at t.executeSafely (VM28150 visualhostcore.min.js:3)
    at t.update (VM28150 visualhostcore.min.js:3)
    at Object.<anonymous> (VM28151 visualsandbox.min.js:1)
value @ :sourcemap:1043
update @ VM28150 visualhostcore.min.js:3
(anonymous) @ VM28150 visualhostcore.min.js:3
t.executeSafely @ VM28150 visualhostcore.min.js:3
t.update @ VM28150 visualhostcore.min.js:3
(anonymous) @ VM28151 visualsandbox.min.js:1
(anonymous) @ VM28147 VisualsSandboxCore.min.js:9
(anonymous) @ VM28146 visualsandbox.minimal.externals.js:15406
fire @ VM28146 visualsandbox.minimal.externals.js:15227
add @ VM28146 visualsandbox.minimal.externals.js:15286
(anonymous) @ VM28146 visualsandbox.minimal.externals.js:15405
each @ VM28146 visualsandbox.minimal.externals.js:12405
(anonymous) @ VM28146 visualsandbox.minimal.externals.js:15401
Deferred @ VM28146 visualsandbox.minimal.externals.js:15467
then @ VM28146 visualsandbox.minimal.externals.js:15400
e.then @ VM28147 VisualsSandboxCore.min.js:9
i.update @ VM28151 visualsandbox.min.js:1
i.executeMessage @ VM28151 visualsandbox.min.js:1
i.onMessageReceived @ VM28151 visualsandbox.min.js:1
(anonymous) @ VM28151 visualsandbox.min.js:1
e.invokeHandler @ VM28150 visualhostcore.min.js:2
e.dispatchMessage @ VM28150 visualhostcore.min.js:2
e.onMessageReceived @ VM28150 visualhostcore.min.js:2
windowMessageHandler @ VM28150 visualhostcore.min.js:2
dispatch @ VM28146 visualsandbox.minimal.externals.js:16777
elemData.handle @ VM28146 visualsandbox.minimal.externals.js:16589
postMessage (async)
e.flushQueue @ powerbiportal.common.bundle.min.js:47
i.ready @ powerbiportal.common.bundle.min.js:48
o.onIFrameLoad @ powerbiportal.common.bundle.min.js:49
(anonymous) @ powerbiportal.common.bundle.min.js:49
e @ powerbiportal.dependencies.externals.bundle.min.js:9
dispatch @ powerbiportal.dependencies.externals.bundle.min.js:9
r.handle @ powerbiportal.dependencies.externals.bundle.min.js:9

 

 

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

Find out what's new and trending in the Fabric Community.