Forum Discussion

jcbowyer's avatar
jcbowyer
Frequent Visitor
9 years ago
Solved

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

 

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.

 

  • 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.

4 Replies

  • jcbowyer's avatar
    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)

    • jcbowyer's avatar
      jcbowyer
      Frequent Visitor

      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.

      • ryanbaumann's avatar
        ryanbaumann
        Frequent Visitor

        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

         

         

  • Anonymous's avatar
    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?