Issue: This error occurs when attempting to double click on the diagram or a node but the show function for c is not recognized

I've encountered an issue with my gojs diagram. When I double click on it to edit the node name, I receive an error message. This problem occurred after upgrading my gojs version from v1.7.14 to v2.2.17. Below is the error stack trace:

core.mjs:8453 ERROR TypeError: c.show is not a function
at Og.doActivate (go-module.js:522:434)
at La.doMouseUp (go-module.js:314:273)
at Q.doMouseUp (go-module.js:616:118)
at a.bk (go-module.js:611:261)
at ZoneDelegate.invokeTask (zone.js:423:31)
at core.mjs:23924:55
at AsyncStackTaggingZoneSpec.onInvokeTask (core.mjs:23924:36)
at ZoneDelegate.invokeTask (zone.js:422:60)
at Object.onInvokeTask (core.mjs:24225:33)
at ZoneDelegate.invokeTask (zone.js:422:60)

After upgrading to v2.2.17, the double click functionality on the node/diagram stopped working. Any suggestions or solutions would be greatly appreciated. Thank you in advance.

javascripttypescriptgojs

Answer №1

An issue arose in the GoJS v2.0 due to the exclusion of HTMLElements as allowed values for properties like GraphObject.toolTip and GraphObject.contextMenu.

This functionality has now been replaced with the GoJS HTMLInfo class, offering a standardized approach to interacting with HTMLElements. Please refer to and for more information.

Therefore, you will need to update your code by encapsulating an HTMLInfo around your usage of an HTMLElement.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Incorporate real-time calculations using JavaScript (jQuery) with variables including initialization in HTML code

As a newcomer to JavaScript, I am encountering an issue that I need help with: I would like to convert the value in the number box into the answer next to it without any changes to the value. This should also include the variables NP0, NP1, and DP0 from t ...

javascriptjqueryhtmlvariableslive

When navigating back to the Homepage from another page, React displays the Homepage

Recently, I started learning React and following the Traversy crash course along with an additional video on React router 6+. My route setup looks like this: import { BrowserRouter as Router, Route, Routes } from 'react-router-dom' return ( &l ...

javascriptreactjsreact-routerreact-router-dom

Utilize two separate functions within the onchange event of a v-checkbox component in a Vue.js application

I am currently using Vue.js with Vuetify and Laravel. In one of my components, I have a dynamic datatable that fetches data from the database using axios. Within this datatable, there are v-checkboxes. Everything is functioning as expected, but now I want ...

javascriptjqueryvue.jscheckboxvuetify.js

JSON syntax error: "r" is not a valid token at the beginning position

Currently, I am in the process of developing a web server that is based on STM32 MCU. The workflow involves the browser sending a request to the MCU, which responds with a web HTML file. Users can then adjust parameters and use a form to submit them back t ...

javascriptjqueryhtmljson

Transforming a sequence of characters into a multidimensional array

I have a nested for loop that generates an empty string value representing a multidimensional array. After the loops finish, the output looks like this: "[[0,0,0,0],[0,0,0,0]]" Now, I want to insert this into a multidimensional array within my code. How ...

javascripthtmlmultidimensional-array

Create intricate patterns within specified boundaries

I've been encountering an issue involving drawing and integrating meshes into the scene within THREE.JS. I'm curious about how I can insert objects specifically in the 'X' region rather than the 'Y' area? https://i.sstatic.ne ...

javascripthtmlthree.jsreact-three-fiber

Switching the background image of a div when hovering over a particular list item

Here is my HTML: <li><a href=""><div class="arrow"></div>List Item</a></li> I'm looking to change the background image of the "arrow" class when hovering over the "List Item" with a mouse. The "arrow" class repres ...

javascriptjqueryhtmlcsshover

Tips for preserving input field data in an AngularJS scope variable

I am having trouble storing textbox values in my 'Values' variable. When I enter values in the textboxes, it seems to be getting the hard-coded values instead. Can someone please help me with this AngularJS issue as I am new to it? Here is the co ...

javascriptangularjsangularjs-directiveangularjs-scope

Utilizing Regex Patterns to Manipulate CSS Attributes

I am dealing with a string containing CSS properties and their values: str = "filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); background: -webkit-linear-gradient(top, black, wh ...

javascriptcssregex

Ways to verify the user's authentication status on the server end

Before displaying an HTML page, I need to verify user authentication. Here is a snippet from my server.js: const express = require('express'); var jquery = require('jquery'); var admin = require("firebase"); const app = expre ...

javascripthtmlexpressfirebase-authentication

Breakpoints in VS Code unexpectedly shift to different lines

While I am still working on resolving my other issue related to randomly failing tests using jest and supertest in Node.js, I decided to utilize the VS Code debugger. Initially, I expected it to be straightforward but encountered an unexpected behavior whe ...

javascriptnode.jstestingvisual-studio-codejestjs

Implementing validation in ASP.Net along with JavaScript for both the update and cancel buttons

My main objective is to show a message during the server roundtrip of an ASP.Net WebForm. Within my WebForm, there are two buttons: an update button and a cancel button. The message should always appear if either the update button or the cancel button is c ...

javascriptasp.netvalidationwebforms

What is the most efficient method for line wrapping in the react className attribute while utilizing Tailwind CSS with minimal impact on performance?

Is there a more efficient way to structure the className attribute when utilizing tailwind css? Which of the examples provided would have the least impact on performance? If I were to use an array for the classes and then join them together as shown in e ...

reactjstypescripttailwind-css

Choose dropdown menus that are pre-filled by JSON may require a manual refresh to show the content

Occasionally, I encounter an issue with a JSON file used to populate select boxes, where the items in the drop down fail to display until the page is refreshed. Despite no errors in the console or log, the loading is seamless on most occasions, leaving me ...

phpjavascripthtmljsonselect

Challenges with Validating Bootstrap Datepicker Functionality

I need to restrict the datepicker input control to only allow selection of dates from the current date onwards. Despite trying to implement validation using the bootstrap-datepicker library and the following JavaScript code, I am still facing issues: $(& ...

javascriptjquerylaravel-5bootstrap-4bootstrap-datepicker

The glyphicons in Bootstrap are not appearing

My angular app is built using bulp angular and the component. I incorporate Sass (Node) into the project. I decided to switch to the flatly theme, which I downloaded from the bootswatch website and inserted it into _bootstrap.scss. // Core variables a ...

javascriptcssangularjstwitter-bootstrap-3sass

CSS/SCSS/JS: Adjusting header height dynamically while keeping it fixed at the

Check out my Codepen demo here: https://codepen.io/nickfindley/pen/dJqMQW I am seeking to replicate the current behavior of the page without specifying a fixed height for the header. The goal is to make the header adjust dynamically based on the content, ...

javascriptcssfixed

Looking to swap out the final value in a JavaScript array?

My task involves manipulating arrays. I start with an array of numbers called newArr. The length of this array is used to create another array filled with zeros, which I named zeroArr. const newArr = [1,3,5,8,9,3,7,13] const zeroArr = Array.from(Array(newA ...

javascriptarrays

Modify the color of the title in a bootstrap vue tab

Utilizing bootstrap-vue.js, I created a tab that looks like this: https://i.sstatic.net/EW76k.png The default color of the tab title doesn't fit with my project theme, so I attempted to change it. I found information on how to modify the tab title in ...

javascriptvue.js

Unlock TypeScript code suggestions for extended objects

In my app, I use a configuration file named conf.ts to consolidate config values from other files for better organization. By merging these values, it becomes more convenient to access them using Conf.MY_LONG_NAMED_VALUE rather than Conf.SubCategory.MY_LON ...

javascriptjquerytypescriptwebstorm