Spacebar Not Working in Inline Text Editor for bpmn2.Activity Shape #2816

Activity

1. RichikaKR

   added

   bug

   on Dec 2, 2024
2. kumilingus commented on Dec 2, 2024

   

   kumilingus

   on Dec 2, 2024

   Contributor

   More actions

   This is related to the textWrap issue.

   Note there is preserveSpaces option that will prevent spaces from collapsing, but you will still face problems caused by text wrapping.
3. goyaljai1 commented on Dec 13, 2024

   

   goyaljai1

   on Dec 13, 2024

   More actions

   A simple workaround is to remove the textWrap property from the Activity shape when it is dropped onto the graph from the stencil.

   Here's an example of how you can implement this in the initializeStencil function:

   initializeStencil() {
       // Listen for the 'element:drop' event on the stencil
       stencilService.stencil.on('element:drop', (elementView: joint.dia.ElementView) => {
           // Check if the dropped element is of the BPMN2 type
           const elementType = elementView.model.get('type');
           if (elementType && elementType.includes('bpmn2')) {
               // Remove the 'textWrap' property to address the issue
               elementView.model.removeAttr('label/textWrap');
           }
   
           // Reset the selection to the dropped element
           this.selection.collection.reset([elementView.model]);
       });
   }
   

   NOTE:
   By removing the textWrap property, the text associated with the Activity shape will no longer remain confined within the shape, potentially overflowing outside of it. If preserving text wrapping is essential, consider exploring alternative fixes for this issue.