diff --git a/packages/message-list/src/vaadin-message-list.js b/packages/message-list/src/vaadin-message-list.js index 2acc7dbc72..390870ea71 100644 --- a/packages/message-list/src/vaadin-message-list.js +++ b/packages/message-list/src/vaadin-message-list.js @@ -163,8 +163,8 @@ class MessageList extends KeyboardDirectionMixin(ElementMixin(ThemableMixin(Poly theme="${ifDefined(item.theme)}" class="${ifDefined(item.className)}" @focusin="${this._onMessageFocusIn}" - >${item.text} + >${item.text} `, )} `, diff --git a/packages/message-list/test/message-list.test.js b/packages/message-list/test/message-list.test.js index c5eaf9a9c0..4eda6ffe57 100644 --- a/packages/message-list/test/message-list.test.js +++ b/packages/message-list/test/message-list.test.js @@ -144,6 +144,12 @@ describe('message-list', () => { expect(items[0]).to.eql(firstMessage); expect(items[1]).to.not.eql(firstMessage); }); + + it('should not remove vaadin-avatar elements when updating items', async () => { + messageList.items = [{ text: '', userName: 'Assistant' }]; + await nextRender(); + expect(messageList.querySelector('vaadin-avatar')).to.be.ok; + }); }); describe('scroll', () => {