Renamed 'offsetTop' to 'offsetTop2' as the former is an HTML standard property and is read-only.

Author: MrCoder

src/components/DiagramFrame/SeqDiagram/LifeLineLayer/LifeLine.vue

@@ -6,7 +6,7 @@
     :class="{ 'transform -translate-x-1/2': renderParticipants }"
     :style="{ paddingTop: top + 'px', left: left + 'px' }"
   >
-    <participant v-if="renderParticipants" :entity="entity" :offsetTop="top" />
+    <participant v-if="renderParticipants" :entity="entity" :offsetTop2="top" />
     <div v-if="renderLifeLine" class="line w0 mx-auto flex-grow w-px"></div>
   </div>
 </template>

src/components/DiagramFrame/SeqDiagram/LifeLineLayer/Participant.vue

@@ -69,7 +69,7 @@ export default {
     const intersectionTop = useIntersectionTop();
     const [scrollTop] = useDocumentScroll();
     const translate = computed(() => {
-      const participantOffsetTop = props.offsetTop || 0;
+      const participantOffsetTop = props.offsetTop2 || 0;
       let top = intersectionTop.value + scrollTop.value;
       if (
         intersectionTop.value > INTERSECTION_ERROR_MARGIN &&
@@ -93,7 +93,8 @@ export default {
       type: Object,
       required: true,
     },
-    offsetTop: {
+    // offsetTop is a standard HTML property, so we use offsetTop2.
+    offsetTop2: {
       type: Number,
       default: 0,
     },