@elyra/canvas 13.27.0 → 13.28.0

package/locales/common-canvas/locales/de.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "Neuer Kommentar",
   "canvas.addWysiwygComment": "Neuer WYSIWYG-Kommentar",
   "canvas.selectAll": "Alles auswählen",
+  "canvas.deselectAll": "Alle abwählen",
   "canvas.undo": "Rückgängig",
   "canvas.redo": "Wiederholen",
   "canvas.undoCommand": "Rückgängig machen: {undo_command}",

package/locales/common-canvas/locales/es.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "Nuevo comentario",
   "canvas.addWysiwygComment": "Nuevo comentario WYSIWYG",
   "canvas.selectAll": "Seleccionar todo",
+  "canvas.deselectAll": "Deseleccionar todo",
   "canvas.undo": "Deshacer",
   "canvas.redo": "Rehacer",
   "canvas.undoCommand": "Deshacer: {undo_command}",

package/locales/common-canvas/locales/fr.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "Nouveau commentaire",
   "canvas.addWysiwygComment": "Nouveau commentaire WYSIWYG",
   "canvas.selectAll": "Sélectionner tout",
+  "canvas.deselectAll": "Désélectionner tout",
   "canvas.undo": "Annuler",
   "canvas.redo": "Rétablir",
   "canvas.undoCommand": "Annuler : {undo_command}",

package/locales/common-canvas/locales/it.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "Nuovo commento",
   "canvas.addWysiwygComment": "Nuovo commento WYSIWYG",
   "canvas.selectAll": "Seleziona tutto",
+  "canvas.deselectAll": "Deseleziona tutto",
   "canvas.undo": "Annulla",
   "canvas.redo": "Ripeti",
   "canvas.undoCommand": "Annulla: {undo_command}",

package/locales/common-canvas/locales/ja.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "新規コメント",
   "canvas.addWysiwygComment": "新しい WYSIWYG コメント",
   "canvas.selectAll": "すべて選択",
+  "canvas.deselectAll": "すべて選択解除",
   "canvas.undo": "元に戻す",
   "canvas.redo": "やり直し",
   "canvas.undoCommand": "元に戻す: {undo_command}",

package/locales/common-canvas/locales/ko.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "새로운 주석",
   "canvas.addWysiwygComment": "새 WYSIWYG 주석",
   "canvas.selectAll": "모두 선택",
+  "canvas.deselectAll": "모두 선택 취소",
   "canvas.undo": "실행 취소",
   "canvas.redo": "다시 실행",
   "canvas.undoCommand": "실행 취소: {undo_command}",

package/locales/common-canvas/locales/pt-br.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "Novo comentário",
   "canvas.addWysiwygComment": "Novo comentário WYSIWYG",
   "canvas.selectAll": "Selecionar tudo",
+  "canvas.deselectAll": "Cancelar seleção de todos",
   "canvas.undo": "Desfazer",
   "canvas.redo": "Refazer",
   "canvas.undoCommand": "Desfazer: {undo_command}",

package/locales/common-canvas/locales/sv.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "Ny kommentar",
   "canvas.addWysiwygComment": "Ny WYSIWYG-kommentar",
   "canvas.selectAll": "Markera allt",
+  "canvas.deselectAll": "Avmarkera allt",
   "canvas.undo": "Ångra",
   "canvas.redo": "Gör om",
   "canvas.undoCommand": "Ångra: {undo_command}",

package/locales/common-canvas/locales/zh-CN.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "新建注释",
   "canvas.addWysiwygComment": "新的所见即所得注释",
   "canvas.selectAll": "全选",
+  "canvas.deselectAll": "全部不选",
   "canvas.undo": "撤销",
   "canvas.redo": "重做",
   "canvas.undoCommand": "撤销：{undo_command}",

package/locales/common-canvas/locales/zh-TW.json

@@ -11,6 +11,7 @@
   "canvas.addComment": "新建註解",
   "canvas.addWysiwygComment": "新的 WYSIWYG 註解",
   "canvas.selectAll": "全選",
+  "canvas.deselectAll": "取消全選",
   "canvas.undo": "復原",
   "canvas.redo": "重做",
   "canvas.undoCommand": "復原：{undo_command}",

package/locales/common-properties/locales/de.json

@@ -34,6 +34,7 @@
   "alerts.tab.title": "Alerts",
   "title.editor.label": "Titel bearbeiten",
   "title.editor.helpButton.label": "Hilfe",
+  "title.editor.descButton.label": "Überschrift: Zusätzliche Informationen",
   "table.summary.error": "Es gibt {errorMsgCount} Fehlerzellen. ",
   "table.summary.warning": "Es gibt {warningMsgCount} Warnungszellen. ",
   "control.summary.error": "Es gibt {errorMsgCount} Parameter mit Fehlern. ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "Löschen",
   "table.toolbar.button.edit": "Bearbeiten",
   "table.toolbar.button.cancel": "Abbrechen",
+  "table.toolbar.overflow.label": "Überlauf der Tabellen-Symbolleiste",
+  "radiobuttongroup.aria.label": "Optionsfeldgruppe",
   "list.table.label": "Werte",
   "dropdown.tooltip.openMenu": "Menü öffnen",
   "dropdown.tooltip.closeMenu": "Menü schließen",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(optional)",
   "slider.numberInput.label": "Eingabe einer Zahl für Schieberegler",
   "editorForm.tabList.label": "Primäre Registerkarten",
-  "subTabs.tabList.label": "Registerkartenliste"
+  "subTabs.tabList.label": "Registerkartenliste",
+  "table.deleteIcon.tooltip": "Löschen"
 }

package/locales/common-properties/locales/es.json

@@ -33,7 +33,8 @@
   "summary.longTable.placeholder": "Más de diez campos...",
   "alerts.tab.title": "Alertas",
   "title.editor.label": "editar título",
-  "title.editor.helpButton.label": "help",
+  "title.editor.helpButton.label": "Ayuda",
+  "title.editor.descButton.label": "Encabezado de información adicional",
   "table.summary.error": "Hay {errorMsgCount} celdas con errores. ",
   "table.summary.warning": "Hay {warningMsgCount} celdas con avisos. ",
   "control.summary.error": "Hay {errorMsgCount} parámetros con errores. ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "Suprimir",
   "table.toolbar.button.edit": "Editar",
   "table.toolbar.button.cancel": "Cancelar",
+  "table.toolbar.overflow.label": "Desbordamiento de la barra de herramientas de la tabla",
+  "radiobuttongroup.aria.label": "Grupo de botones de\nselección",
   "list.table.label": "Valores",
   "dropdown.tooltip.openMenu": "Abrir menú",
   "dropdown.tooltip.closeMenu": "Cerrar menú",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(opcional)",
   "slider.numberInput.label": "Entrada de número de control deslizante",
   "editorForm.tabList.label": "Separadores principales",
-  "subTabs.tabList.label": "Lista de pestañas"
+  "subTabs.tabList.label": "Lista de pestañas",
+  "table.deleteIcon.tooltip": "Suprimir"
 }

package/locales/common-properties/locales/fr.json

@@ -33,7 +33,8 @@
   "summary.longTable.placeholder": "Plus de dix champs...",
   "alerts.tab.title": "Alertes",
   "title.editor.label": "éditer le titre",
-  "title.editor.helpButton.label": "aide",
+  "title.editor.helpButton.label": "Aide",
+  "title.editor.descButton.label": "En-tête informations complémentaires",
   "table.summary.error": "Il y a {errorMsgCount} cellules d'erreur. ",
   "table.summary.warning": "Il y a {warningMsgCount} cellules d'avertissement. ",
   "control.summary.error": "{errorMsgCount} paramètres comportent des erreurs. ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "Supprimer",
   "table.toolbar.button.edit": "Editer",
   "table.toolbar.button.cancel": "Annuler",
+  "table.toolbar.overflow.label": "Débordement de la barre d'outils du tableau",
+  "radiobuttongroup.aria.label": "Groupe de boutons radio",
   "list.table.label": "Valeurs",
   "dropdown.tooltip.openMenu": "Menu Ouvrir",
   "dropdown.tooltip.closeMenu": "Menu Fermer",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(facultatif)",
   "slider.numberInput.label": "Entrée de numéro de curseur",
   "editorForm.tabList.label": "Onglets principaux",
-  "subTabs.tabList.label": "Liste d'onglets"
+  "subTabs.tabList.label": "Liste d'onglets",
+  "table.deleteIcon.tooltip": "Supprimer"
 }

package/locales/common-properties/locales/it.json

@@ -33,7 +33,8 @@
   "summary.longTable.placeholder": "Più di dieci campi...",
   "alerts.tab.title": "Avvisi",
   "title.editor.label": "modifica titolo",
-  "title.editor.helpButton.label": "Guida in linea",
+  "title.editor.helpButton.label": "Guida",
+  "title.editor.descButton.label": "Intestazione informazioni aggiuntive",
   "table.summary.error": "Sono presenti {errorMsgCount} celle con errori. ",
   "table.summary.warning": "Sono presenti {warningMsgCount} celle con avvertenze. ",
   "control.summary.error": "Sono presenti {errorMsgCount} parametri con errori. ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "Canc",
   "table.toolbar.button.edit": "Modifica",
   "table.toolbar.button.cancel": "Annulla",
+  "table.toolbar.overflow.label": "Tabella barra degli strumenti overflow",
+  "radiobuttongroup.aria.label": "Gruppo di pulsanti di opzione",
   "list.table.label": "Valori",
   "dropdown.tooltip.openMenu": "Apri menu",
   "dropdown.tooltip.closeMenu": "Chiudi menu",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(facoltativo).",
   "slider.numberInput.label": "Input numero dispositivo di scorrimento",
   "editorForm.tabList.label": "Schede principali",
-  "subTabs.tabList.label": "Elenco schede"
+  "subTabs.tabList.label": "Elenco schede",
+  "table.deleteIcon.tooltip": "Elimina"
 }

package/locales/common-properties/locales/ja.json

@@ -34,6 +34,7 @@
   "alerts.tab.title": "アラート",
   "title.editor.label": "タイトルの編集",
   "title.editor.helpButton.label": "ヘルプ",
+  "title.editor.descButton.label": "見出し 追加情報",
   "table.summary.error": "{errorMsgCount} 個のエラー・セルがあります。 ",
   "table.summary.warning": "{warningMsgCount} 個の警告セルがあります。 ",
   "control.summary.error": "エラーが発生した {errorMsgCount} 個のパラメーターがあります。 ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "削除",
   "table.toolbar.button.edit": "編集",
   "table.toolbar.button.cancel": "キャンセル",
+  "table.toolbar.overflow.label": "表ツールバーのオーバーフロー",
+  "radiobuttongroup.aria.label": "ラジオ・ボタン・グループ",
   "list.table.label": "値",
   "dropdown.tooltip.openMenu": "メニューを開く",
   "dropdown.tooltip.closeMenu": "メニューを閉じる",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(オプション)",
   "slider.numberInput.label": "スライダー番号の入力",
   "editorForm.tabList.label": "プライマリー・タブ",
-  "subTabs.tabList.label": "タブ・リスト"
+  "subTabs.tabList.label": "タブ・リスト",
+  "table.deleteIcon.tooltip": "削除"
 }

package/locales/common-properties/locales/ko.json

@@ -33,7 +33,8 @@
   "summary.longTable.placeholder": "10개가 넘는 필드...",
   "alerts.tab.title": "경보",
   "title.editor.label": "제목 편집",
-  "title.editor.helpButton.label": "help",
+  "title.editor.helpButton.label": "도움말",
+  "title.editor.descButton.label": "추가 정보로 이동",
   "table.summary.error": "{errorMsgCount} 오류 셀이 있습니다. ",
   "table.summary.warning": "{warningMsgCount} 경고 셀이 있습니다. ",
   "control.summary.error": "오류가 있는 {errorMsgCount} 매개변수가 있습니다. ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "삭제",
   "table.toolbar.button.edit": "편집",
   "table.toolbar.button.cancel": "취소",
+  "table.toolbar.overflow.label": "표 도구 모음 오버플로",
+  "radiobuttongroup.aria.label": "단일 선택 단추 그룹",
   "list.table.label": "값",
   "dropdown.tooltip.openMenu": "메뉴 열기",
   "dropdown.tooltip.closeMenu": "닫기 메뉴",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(선택사항)",
   "slider.numberInput.label": "슬라이더 번호 입력",
   "editorForm.tabList.label": "기본 탭",
-  "subTabs.tabList.label": "탭 목록"
+  "subTabs.tabList.label": "탭 목록",
+  "table.deleteIcon.tooltip": "삭제"
 }

package/locales/common-properties/locales/pt-br.json

@@ -33,7 +33,8 @@
   "summary.longTable.placeholder": "Mais de dez campos...",
   "alerts.tab.title": "Alertas",
   "title.editor.label": "editar título",
-  "title.editor.helpButton.label": "ajuda",
+  "title.editor.helpButton.label": "Ajuda",
+  "title.editor.descButton.label": "Informações adicionais do cabeçalho",
   "table.summary.error": "Há {errorMsgCount} células de erro. ",
   "table.summary.warning": "Há {warningMsgCount} células de aviso. ",
   "control.summary.error": "Há {errorMsgCount} parâmetros com erros. ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "Excluir",
   "table.toolbar.button.edit": "Editar",
   "table.toolbar.button.cancel": "Cancelar",
+  "table.toolbar.overflow.label": "Estouro da barra de ferramentas da tabela",
+  "radiobuttongroup.aria.label": "Grupo de botão de opções",
   "list.table.label": "Valores",
   "dropdown.tooltip.openMenu": "Abrir menu",
   "dropdown.tooltip.closeMenu": "Fechar o menu",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(opcional)",
   "slider.numberInput.label": "Entrada do número do controle deslizante",
   "editorForm.tabList.label": "Guias principais",
-  "subTabs.tabList.label": "Lista de guias"
+  "subTabs.tabList.label": "Lista de guias",
+  "table.deleteIcon.tooltip": "Excluir"
 }

package/locales/common-properties/locales/sv.json

@@ -33,7 +33,8 @@
   "summary.longTable.placeholder": "Mer än tio fält...",
   "alerts.tab.title": "Varningar",
   "title.editor.label": "ändra rubrik",
-  "title.editor.helpButton.label": "hjälp",
+  "title.editor.helpButton.label": "Hjälp",
+  "title.editor.descButton.label": "Rubrik för ytterligare information",
   "table.summary.error": "Det finns {errorMsgCount} felceller. ",
   "table.summary.warning": "Det finns {warningMsgCount} varningsceller. ",
   "control.summary.error": "Det finns {errorMsgCount} parametrar med fel. ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "Ta bort",
   "table.toolbar.button.edit": "Redigera",
   "table.toolbar.button.cancel": "Avbryt",
+  "table.toolbar.overflow.label": "Tabellverktygsfältets överflöd",
+  "radiobuttongroup.aria.label": "Grupp med alternativknappar",
   "list.table.label": "Värden",
   "dropdown.tooltip.openMenu": "Öppna meny",
   "dropdown.tooltip.closeMenu": "Stäng meny",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "(valfritt)",
   "slider.numberInput.label": "Indata för antalet skjutreglage",
   "editorForm.tabList.label": "Huvudflikar",
-  "subTabs.tabList.label": "Fliklista"
+  "subTabs.tabList.label": "Fliklista",
+  "table.deleteIcon.tooltip": "Ta bort"
 }

package/locales/common-properties/locales/zh-CN.json

@@ -34,6 +34,7 @@
   "alerts.tab.title": "警报",
   "title.editor.label": "编辑标题",
   "title.editor.helpButton.label": "帮助",
+  "title.editor.descButton.label": "标题 附加信息",
   "table.summary.error": "存在 {errorMsgCount} 个错误单元格。 ",
   "table.summary.warning": "存在 {warningMsgCount} 个警告单元格。 ",
   "control.summary.error": "存在 {errorMsgCount} 个带有错误的参数。 ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "删除",
   "table.toolbar.button.edit": "编辑",
   "table.toolbar.button.cancel": "取消",
+  "table.toolbar.overflow.label": "表格工具栏溢出",
+  "radiobuttongroup.aria.label": "单选按钮组",
   "list.table.label": "值",
   "dropdown.tooltip.openMenu": "打开菜单",
   "dropdown.tooltip.closeMenu": "关闭菜单",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "（可选）",
   "slider.numberInput.label": "滑块编号输入",
   "editorForm.tabList.label": "主选项卡",
-  "subTabs.tabList.label": "选项卡列表"
+  "subTabs.tabList.label": "选项卡列表",
+  "table.deleteIcon.tooltip": "删除"
 }

package/locales/common-properties/locales/zh-TW.json

@@ -34,6 +34,7 @@
   "alerts.tab.title": "警示",
   "title.editor.label": "編輯標題",
   "title.editor.helpButton.label": "說明",
+  "title.editor.descButton.label": "標題附加資訊",
   "table.summary.error": "有 {errorMsgCount} 個錯誤資料格。 ",
   "table.summary.warning": "有 {warningMsgCount} 個警告資料格。 ",
   "control.summary.error": "有 {errorMsgCount} 個參數有錯誤。 ",
@@ -95,6 +96,8 @@
   "table.toolbar.button.delete": "刪除",
   "table.toolbar.button.edit": "編輯",
   "table.toolbar.button.cancel": "取消",
+  "table.toolbar.overflow.label": "表格工具列溢出",
+  "radiobuttongroup.aria.label": "圓鈕群組",
   "list.table.label": "值",
   "dropdown.tooltip.openMenu": "開啟功能表",
   "dropdown.tooltip.closeMenu": "關閉功能表",
@@ -114,5 +117,6 @@
   "label.indicator.optional": "（選用）",
   "slider.numberInput.label": "滑塊號碼輸入",
   "editorForm.tabList.label": "主要標籤",
-  "subTabs.tabList.label": "標籤清單"
+  "subTabs.tabList.label": "標籤清單",
+  "table.deleteIcon.tooltip": "刪除"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elyra/canvas",
-  "version": "13.27.0",
+  "version": "13.28.0",
   "description": "Elyra common-canvas",
   "main": "dist/common-canvas.js",
   "module": "dist/common-canvas.es.js",
@@ -34,7 +34,7 @@
     "@codemirror/language": "^6.10.1",
     "@codemirror/legacy-modes": "^6.3.3",
     "@codemirror/state": "^6.4.1",
-    "@codemirror/view": "^6.28.6",
+    "@codemirror/view": "^6.36.7",
     "@elyra/pipeline-schemas": "^3.0.97",
     "@tanstack/react-table": "^8.21.2",
     "@tanstack/react-virtual": "^3.13.8",

package/src/common-canvas/cc-bottom-panel.jsx

@@ -19,9 +19,9 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import Logger from "../logging/canvas-logger.js";
 
-// Margin must be equal to or greater than the toolbar height
-// plus the minimum allowed height for the canvas which is 150px.
-const MARGIN_TOP = 200;
+// Margin must be equal to or greater the minimum allowed
+// height for the canvas which is 150px.
+const MARGIN_TOP = 160;
 const MIN_HEIGHT = 75;
 const TOP_PANEL_CLASSNAME = "top-panel";
 

package/src/common-canvas/cc-panels.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2024 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -37,6 +37,8 @@ class CommonCanvasPanels extends React.Component {
 	constructor(props) {
 		super(props);
 		this.logger = new Logger("CC-Panels");
+
+		this.containingDivId = "common-canvas-items-container-" + props.canvasController.getInstanceId();
 	}
 
 	// Prevent the default behavior (which is to show a plus-sign pointer) as
@@ -74,8 +76,8 @@ class CommonCanvasPanels extends React.Component {
 	// on top of each other.
 	generateTopCenterBottom() {
 		const canvasContents = (<CanvasContents canvasController={this.props.canvasController} />);
-		const bottomPanel = (<CanvasBottomPanel canvasController={this.props.canvasController} containingDivId={this.props.containingDivId} />);
-		const topPanel = (<CanvasTopPanel canvasController={this.props.canvasController} containingDivId={this.props.containingDivId} />);
+		const bottomPanel = (<CanvasBottomPanel canvasController={this.props.canvasController} containingDivId={this.containingDivId} />);
+		const topPanel = (<CanvasTopPanel canvasController={this.props.canvasController} containingDivId={this.containingDivId} />);
 
 		let templateRows = this.props.topPanelIsOpen ? "auto 1fr" : "1fr";
 		templateRows += this.props.bottomPanelIsOpen ? " auto" : "";
@@ -136,7 +138,7 @@ class CommonCanvasPanels extends React.Component {
 
 	// Returns a JSX object for the contents of the right panel.
 	generateRightFlyout() {
-		return (<CommonCanvasRightFlyout containingDivId={this.props.containingDivId} canvasController={this.props.canvasController} />);
+		return (<CommonCanvasRightFlyout containingDivId={this.containingDivId} canvasController={this.props.canvasController} />);
 	}
 
 	render() {
@@ -145,7 +147,7 @@ class CommonCanvasPanels extends React.Component {
 		const tip = (<CommonCanvasTooltip canvasController={this.props.canvasController} />);
 		const canvasToolbar = (
 			<CommonCanvasToolbar canvasController={this.props.canvasController}
-				containingDivId={this.props.containingDivId}
+				containingDivId={this.containingDivId}
 			/>
 		);
 		const rightFlyoutIsOpen = this.isRightFlyoutOpen();
@@ -166,7 +168,7 @@ class CommonCanvasPanels extends React.Component {
 				const templateRows = this.props.toolbarIsOpen ? "auto 1fr" : "1fr";
 
 				const lowerPanels = (
-					<div id={this.props.containingDivId} className="common-canvas-grid-horizontal"
+					<div id={this.containingDivId} className="common-canvas-grid-horizontal"
 						style={{ gridTemplateColumns: templateCols }}
 					>
 						{leftFlyout}
@@ -188,7 +190,7 @@ class CommonCanvasPanels extends React.Component {
 				const leftSideItems = (
 					<div className="common-canvas-grid-vertical" style={{ gridTemplateRows: templateRows }}>
 						{canvasToolbar}
-						<div id={this.props.containingDivId} className="common-canvas-grid-horizontal"
+						<div id={this.containingDivId} className="common-canvas-grid-horizontal"
 							style={{ gridTemplateColumns: templateCols }}
 						>
 							{leftFlyout}
@@ -212,7 +214,7 @@ class CommonCanvasPanels extends React.Component {
 				const rightSideItems = (
 					<div className="common-canvas-grid-vertical" style={{ gridTemplateRows: templateRows }}>
 						{canvasToolbar}
-						<div id={this.props.containingDivId} className="common-canvas-grid-horizontal"
+						<div id={this.containingDivId} className="common-canvas-grid-horizontal"
 							style={{ gridTemplateColumns: templateCols }}
 						>
 							{topCenterBottom}
@@ -237,11 +239,13 @@ class CommonCanvasPanels extends React.Component {
 				templateCols += this.props.rightFlyoutIsOpen ? " auto" : "";
 
 				const centerItems = (
-					<div id={this.props.containingDivId} className="common-canvas-grid-vertical"
+					<div className="common-canvas-grid-vertical"
 						style={{ gridTemplateRows: templateRows }}
 					>
 						{canvasToolbar}
-						{topCenterBottom}
+						<div id={this.containingDivId}>
+							{topCenterBottom}
+						</div>
 					</div>
 				);
 				panels = (
@@ -257,7 +261,7 @@ class CommonCanvasPanels extends React.Component {
 		}
 
 		const dialogPalette = this.props.enablePaletteLayout === PALETTE_LAYOUT_DIALOG && this.props.paletteIsOpen
-			? (<PaletteDialog canvasController={this.props.canvasController} containingDivId={this.props.containingDivId} />)
+			? (<PaletteDialog canvasController={this.props.canvasController} containingDivId={this.containingDivId} />)
 			: null;
 
 		const divClassName = this.generateClass();
@@ -275,7 +279,6 @@ class CommonCanvasPanels extends React.Component {
 CommonCanvasPanels.propTypes = {
 	// Provided by CommonCanvas
 	canvasController: PropTypes.object.isRequired,
-	containingDivId: PropTypes.string.isRequired,
 
 	// Provided by Redux
 	enableParentClass: PropTypes.string,

package/src/common-canvas/cc-text-toolbar.jsx

@@ -73,10 +73,10 @@ class CommonCanvasTextToolbar extends React.Component {
 		const boldLabel = this.getJsxLabel("texttoolbar.boldAction", "b");
 		const italicsLabel = this.getJsxLabel("texttoolbar.italicsAction", "i");
 		const strikethroughLabel = this.getJsxLabel("texttoolbar.strikethroughAction", "shift + x");
-		const headerLabel = this.getJsxLabel("texttoolbar.headerAction", ">", "<");
+		const headerLabel = this.getJsxLabel("texttoolbar.headerAction", "->", "<-");
 		const codeLabel = this.getJsxLabel("texttoolbar.codeAction", "e");
 		const linkLabel = this.getJsxLabel("texttoolbar.linkAction", "k");
-		const quoteLabel = this.getJsxLabel("texttoolbar.quoteAction", "shift + >");
+		const quoteLabel = this.getJsxLabel("texttoolbar.quoteAction", "shift + I");
 		const numberedListLabel = this.getJsxLabel("texttoolbar.numberedListAction", "shift + 7");
 		const bulletedListLabel = this.getJsxLabel("texttoolbar.bulletedListAction", "shift + 8");
 

package/src/common-canvas/common-canvas.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2024 Elyra Authors
+ * Copyright 2017-2025 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -30,7 +30,6 @@ class CommonCanvas extends React.Component {
 		this.logger.log("constructor");
 
 		this.initializeController = this.initializeController.bind(this);
-		this.containingDivId = "common-canvas-items-container-" + props.canvasController.getInstanceId();
 
 		props.canvasController.setIntl(props.intl);
 		this.initializeController(props);
@@ -77,7 +76,7 @@ class CommonCanvas extends React.Component {
 
 		return (
 			<Provider store={this.props.canvasController.getStore()}>
-				<CommonCanvasPanels canvasController={this.props.canvasController} containingDivId={this.containingDivId} />
+				<CommonCanvasPanels canvasController={this.props.canvasController} />
 			</Provider>
 		);
 	}