Add w-full back for self message editing mode. Changes in Interaction.vue fixes the issue that self message was wrongly positioned.

Author: MrCoder

src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Interaction/Interaction.vue

@@ -13,7 +13,7 @@
       'right-to-left': rightToLeft,
     }"
     :style="{
-      width: !isSelf && interactionWidth + 'px',
+      width: isSelf ? undefined : interactionWidth + 'px',
       transform: 'translateX(' + translateX + 'px)',
     }"
   >

src/components/DiagramFrame/SeqDiagram/MessageLayer/Block/Statement/Interaction/SelfInvocation/SelfInvocation.vue

@@ -7,7 +7,7 @@
     ref="messageRef"
   >
     <label
-      class="name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em]"
+      class="name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em] w-full"
     >
       <div
         class="absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"