fix(webapps): fix copy variable value not type string (#4220)

related to #4190
camunda · Mar 25, 2024 · 7d3b21f · 7d3b21f
1 parent ef827ef
commit 7d3b21f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/...s/frontend/camunda-commons-ui/lib/widgets/variables-table/cam-widget-variables-table.html b/...s/frontend/camunda-commons-ui/lib/widgets/variables-table/cam-widget-variables-table.html
@@ -95,7 +95,7 @@
              ng-if="!isEditable('value', info) && !hasEditDialog(variable.type)"
              class="read-only value-wrapper">
           <span ng-if="variable.type !== 'Bytes' && variable.type !== 'Date'"
-                cam-widget-clipboard="variable.value">{{ variable.value }}</span>
+                cam-widget-clipboard="asString(variable.value)">{{ variable.value }}</span>
           <span ng-if="variable.type === 'Bytes'">{{ variable.value }}</span>
           <span ng-if="variable.type === 'Date'"
                 cam-widget-clipboard="variable.value">{{ variable.value | camDate }}</span>

diff --git a/...pps/frontend/camunda-commons-ui/lib/widgets/variables-table/cam-widget-variables-table.js b/...pps/frontend/camunda-commons-ui/lib/widgets/variables-table/cam-widget-variables-table.js
@@ -78,6 +78,15 @@ module.exports = [
       },
 
       link: function($scope) {
+        /**
+         * Starting with clipboard.js 2.0.9 creating a
+         * fake textarea for values not of type string is broken.
+         * Cf. https://github.com/camunda/camunda-bpm-platform/issues/4190
+         * @param value the value that is not a string.
+         * @returns {string} a string value.
+         */
+        $scope.asString = value => value + '';
+
         if ($scope.validatable) {
           const onHideValidationPopover = e => {
             const modalWindow = angular.element('.modal');
@@ -289,9 +298,11 @@ module.exports = [
             info.valid = true;
 
             var varPath = 'variables[' + i + '].variable';
+
             function wrapedValidate() {
               validate(info, i);
             }
+
             $scope.$watch(varPath + '.value', wrapedValidate);
             $scope.$watch(varPath + '.name', wrapedValidate);
             $scope.$watch(varPath + '.type', wrapedValidate);