vue-advanced-chat
vue-advanced-chat copied to clipboard
Search Results Disappear After Initial Display Due to Full Conversation List Reloading
Describe the bug
In the chat search functionality, typing any search query initially shows the correct user(s) briefly, but then the interface reloads all conversations, causing the search results to disappear. The conversation list shows a loader beneath the search results, and once the loading is complete, it displays all conversations again instead of just the search results. I'm using Firebase based on the demo.
Seems to be exactly the same problem in the demo: https://advanced-chat.github.io/vue-advanced-chat/
Steps to reproduce
- Go to the main chat interface.
- Click on the search field at the top.
- Type in any search query to filter conversations.
- Observe that the correct search results appear briefly.
- Notice a loader appearing beneath the search results.
- See that the interface suddenly reloads, displaying all conversations instead of maintaining the search results.
Expected behavior
When a search query is entered, the expected behavior is for the search results to persist, displaying only the conversations that match the search criteria. The interface should not reload all conversations and discard the search results.
Device (please complete the following information)
- OS: [MacOS]
- Browser: [Chrome]
Additional context
This issue occurs consistently and affects the usability of the search functionality. It seems like there might be a problem with how the search component handles state or how it reacts to the completion of the loading process.