topic Re: Single Select Combobox custom visual not working on chrome/edge in Developer

Single Select Combobox custom visual not working on chrome/edge

jcbowyer — Mon, 19 Jun 2017 18:37:01 GMT

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

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.

Re: Single Select Combobox custom visual not working on chrome/edge

jcbowyer — Mon, 19 Jun 2017 19:44:41 GMT

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)

Re: Single Select Combobox custom visual not working on chrome/edge

jcbowyer — Mon, 19 Jun 2017 23:48:53 GMT

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.

Re: Single Select Combobox custom visual not working on chrome/edge

ryanbaumann — Sun, 13 Aug 2017 18:14:12 GMT

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

Re: Single Select Combobox custom visual not working on chrome/edge

Anonymous — Mon, 16 Dec 2019 19:17:42 GMT

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?