@elyra/canvas 12.23.0 → 12.23.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elyra/canvas",
-  "version": "12.23.0",
+  "version": "12.23.1",
   "description": "Elyra common-canvas",
   "main": "dist/common-canvas.js",
   "module": "dist/common-canvas.es.js",

package/src/common-canvas/svg-canvas-d3.scss

@@ -333,6 +333,16 @@ $link-highlight-color: $support-04;
 	}
 }
 
+.d3-label-multi-line-entry {
+	white-space: pre-wrap;
+	word-wrap: normal;
+	word-break: break-word;
+
+	& .d3-label-full {
+		display: inline-block;
+	}
+}
+
 .d3-label-center {
 	text-align: center;
 }

package/src/common-canvas/svg-canvas-renderer.js

@@ -743,8 +743,17 @@ export default class SVGCanvasRenderer {
 	// Returns the current mouse position based on the D3 SVG selection object
 	// passed in.
 	getMousePos(d3Event, svgSel) {
-		const mousePos = d3.pointer(d3Event, svgSel.node());
-		return { x: mousePos[0], y: mousePos[1] };
+		// The d3Event must have either a sourceEvent or be an actual event, which
+		// can be indicated by the existence of a pageX attribute. This test is only
+		// necessary on Firefox and then only when the action (such as zoom)
+		// calling this function is itself called programmatically - for example,
+		// when the user clicks one of the zoom buttons on the toolbar. It's not
+		// clear why d3.pointer cannot handle all events like it can on Chrome.
+		if (d3Event.sourceEvent || d3Event.pageX) {
+			const mousePos = d3.pointer(d3Event, svgSel.node());
+			return { x: mousePos[0], y: mousePos[1] };
+		}
+		return { x: 0, y: 0 };
 	}
 
 	// Convert coordinates from the page (based on the page top left corner) to

package/src/common-canvas/svg-canvas-utils-decs.js

@@ -37,7 +37,7 @@ export default class SvgCanvasDecs {
 	}
 
 	getDecLabelTextAreaClass(dec) {
-		const lineTypeClass = dec.label_single_line ? " d3-label-single-line" : " d3-label-multi-line";
+		const lineTypeClass = dec.label_single_line ? " d3-label-single-line" : " d3-label-multi-line-entry";
 		const justificationClass = dec.label_align === "center" ? " d3-label-center" : "";
 		return "d3-dec-label-entry" + lineTypeClass + justificationClass;
 	}

package/src/object-model/layout-dimensions.js

@@ -82,7 +82,7 @@ const portsHorizontalDefaultLayout = {
 
 		// Width and height for label decorators
 		decoratorLabelWidth: 80,
-		decoratorLabelHeight: 15,
+		decoratorLabelHeight: 30,
 
 		// Display drop shadow under and round the nodes
 		dropShadow: true,
@@ -294,7 +294,7 @@ const portsHorizontalDefaultLayout = {
 
 		// Width and height for label decorators
 		linkDecoratorLabelWidth: 80,
-		linkDecoratorLabelHeight: 15,
+		linkDecoratorLabelHeight: 30,
 
 		// Values for drawing connectors. wrapAroundSpacing and
 		// wrapAroundNodePadding are used when curved connectors are drawn all the
@@ -473,7 +473,7 @@ const portsVerticalDefaultLayout = {
 
 		// Width and height for label decorators
 		decoratorLabelWidth: 80,
-		decoratorLabelHeight: 15,
+		decoratorLabelHeight: 30,
 
 		// Display drop shadow under and round the nodes
 		dropShadow: false,
@@ -685,7 +685,7 @@ const portsVerticalDefaultLayout = {
 
 		// Width and height for label decorators
 		linkDecoratorLabelWidth: 80,
-		linkDecoratorLabelHeight: 15,
+		linkDecoratorLabelHeight: 30,
 
 		// Values for drawing connectors. wrapAroundSpacing and
 		// wrapAroundNodePadding are used when curved connectors are drawn all the