Fixed error to save scroll position

contracts/0.2.0/identity-slim.js

@@ -271,7 +271,9 @@ ${this.getErrorInfo()}`;
         process({ data }, { state }) {
           const initialState = merge({
             settings: {},
-            attributes: {},
+            attributes: {
+              allowDMInvite: true
+            },
             chatRooms: {}
           }, data);
           for (const key in initialState) {

contracts/0.2.0/identity.0.2.0.manifest.json

@@ -1 +1 @@
-{"head":{"manifestVersion":"1.0.0"},"body":"{\"version\":\"0.2.0\",\"contract\":{\"hash\":\"21XWnNTMkdh4kSPqYSBg7w2vEbVu6K8VVsTHhmmk7ASyeywTF1\",\"file\":\"identity.js\"},\"authors\":[{\"cipher\":\"algo\",\"key\":\"<pubkey from deploy-key.json>\"},{\"cipher\":\"algo\",\"key\":\"<pubkey from alex.json>\"}],\"contractSlim\":{\"file\":\"identity-slim.js\",\"hash\":\"21XWnNX2cByjzY8L5pxyuBxemFAoWcThiHXkX88WdMQqCi5eBY\"}}","signature":{"key":"<which of the 'authors' keys was used to sign 'body'>","signature":"<signature>"}}
+{"head":{"manifestVersion":"1.0.0"},"body":"{\"version\":\"0.2.0\",\"contract\":{\"hash\":\"21XWnNFMx7avBEHobMZvMdS3Z1hsAp7toY9LbhitH9saGh3vVb\",\"file\":\"identity.js\"},\"authors\":[{\"cipher\":\"algo\",\"key\":\"<pubkey from deploy-key.json>\"},{\"cipher\":\"algo\",\"key\":\"<pubkey from alex.json>\"}],\"contractSlim\":{\"file\":\"identity-slim.js\",\"hash\":\"21XWnNWrfPGhkJBtxf1V12x1sw2fx1GhjLEGsa6Mc9mqLwWerA\"}}","signature":{"key":"<which of the 'authors' keys was used to sign 'body'>","signature":"<signature>"}}

contracts/0.2.0/identity.js

@@ -9368,7 +9368,9 @@ ${this.getErrorInfo()}`;
         process({ data }, { state }) {
           const initialState = merge({
             settings: {},
-            attributes: {},
+            attributes: {
+              allowDMInvite: true
+            },
             chatRooms: {}
           }, data);
           for (const key in initialState) {

frontend/model/contracts/identity.js

@@ -61,7 +61,9 @@ sbp('chelonia/defineContract', {
       process ({ data }, { state }) {
         const initialState = merge({
           settings: {},
-          attributes: {},
+          attributes: {
+            allowDMInvite: true
+          },
           chatRooms: {}
         }, data)
         for (const key in initialState) {

frontend/model/contracts/manifests.json

@@ -2,6 +2,6 @@
   "manifests": {
     "gi.contracts/chatroom": "21XWnNSsVaBM6WsvYJBipiE4ckoSom4yBhPePrGS4m2UhhstBi",
     "gi.contracts/group": "21XWnNUjCV9K5EhwSAgbSuperYRP8ozuqZqDzUfS66w2TKUZ8V",
-    "gi.contracts/identity": "21XWnNSxNrVFTMBCUVcZV3CG833gTbJ9V8ZyX7Fxgmpj9rNy4r"
+    "gi.contracts/identity": "21XWnNQPL3t5hwWCaip4WyVju6aRH35MKQgR47VQqCdDeksp8i"
   }
 }

frontend/views/containers/chatroom/ChatMain.vue

@@ -45,17 +45,19 @@
             :description='summary.attributes.description'
           )
 
-      div(v-for='(message, index) in messages' :key='index')
+      template(v-for='(message, index) in messages')
         .c-divider(
           v-if='changeDay(index) || isNew(message.hash)'
           :class='{"is-new": isNew(message.hash)}'
+          :key='`date-${index}`'
         )
           i18n.c-new(v-if='isNew(message.hash)' :class='{"is-new-date": changeDay(index)}') New
           span(v-else-if='changeDay(index)') {{proximityDate(message.datetime)}}
 
         component(
           :is='messageType(message)'
           :ref='message.hash'
+          :key='message.id'
           :messageId='message.id'
           :messageHash='message.hash'
           :text='message.text'
@@ -133,6 +135,8 @@ import { proximityDate, MINS_MILLIS } from '@model/contracts/shared/time.js'
 import { cloneDeep, debounce, throttle } from '@model/contracts/shared/giLodash.js'
 import { CONTRACT_IS_SYNCING, EVENT_HANDLED } from '~/shared/domains/chelonia/events.js'
 
+const ignorableScrollDistanceInPixel = 500
+
 export default ({
   name: 'ChatMain',
   components: {
@@ -238,10 +242,7 @@ export default ({
       }
     },
     isScrolledUp () {
-      if (!this.ephemeral.scrolledDistance) {
-        return false
-      }
-      return this.ephemeral.scrolledDistance > 500
+      return this.ephemeral.scrolledDistance > ignorableScrollDistanceInPixel
     },
     messages () {
       return this.messageState.contract?.messages || []
@@ -710,17 +711,10 @@ export default ({
       if (!this.$refs.conversation) {
         return
       }
-      // Because of infinite-scroll this is not calculated in scrollheight
-      // 117 is the height of `conversation-greetings` component
-      const topOffset = 117
       const curScrollTop = this.$refs.conversation.scrollTop
       const curScrollBottom = curScrollTop + this.$refs.conversation.clientHeight
-      if (!this.$refs.conversation) {
-        this.ephemeral.scrolledDistance = 0
-      } else {
-        const scrollTopMax = this.$refs.conversation.scrollHeight - this.$refs.conversation.clientHeight
-        this.ephemeral.scrolledDistance = scrollTopMax - curScrollTop
-      }
+      const scrollTopMax = this.$refs.conversation.scrollHeight - this.$refs.conversation.clientHeight
+      this.ephemeral.scrolledDistance = scrollTopMax - curScrollTop
 
       if (!this.summary.isJoined) {
         return
@@ -729,8 +723,8 @@ export default ({
       for (let i = this.messages.length - 1; i >= 0; i--) {
         const msg = this.messages[i]
         const offsetTop = this.$refs[msg.hash][0].$el.offsetTop
-        const parentOffsetTop = this.$refs[msg.hash][0].$el.offsetParent.offsetTop
-        if (offsetTop - parentOffsetTop + topOffset <= curScrollBottom) {
+        const height = this.$refs[msg.hash][0].$el.clientHeight
+        if (offsetTop + height <= curScrollBottom) {
           const bottomMessageCreatedAt = new Date(msg.datetime).getTime()
           const latestMessageCreatedAt = this.currentChatRoomReadUntil?.createdDate
           if (!latestMessageCreatedAt || new Date(latestMessageCreatedAt).getTime() <= bottomMessageCreatedAt) {
@@ -743,13 +737,13 @@ export default ({
         }
       }
 
-      if (this.ephemeral.scrolledDistance > 500) {
+      if (this.ephemeral.scrolledDistance > ignorableScrollDistanceInPixel) {
         // Save the current scroll position per each chatroom
         for (let i = 0; i < this.messages.length - 1; i++) {
           const msg = this.messages[i]
           const offsetTop = this.$refs[msg.hash][0].$el.offsetTop
-          const parentOffsetTop = this.$refs[msg.hash][0].$el.offsetParent.offsetTop
-          if (offsetTop - parentOffsetTop + topOffset >= curScrollTop) {
+          const height = this.$refs[msg.hash][0].$el.clientHeight
+          if (offsetTop + height >= curScrollTop) {
             sbp('state/vuex/commit', 'setChatRoomScrollPosition', {
               chatRoomId: this.currentChatRoomId,
               messageHash: this.messages[i + 1].hash // Leave one(+1) message at the front by default for better seeing