Vuex: keep inspected mutation selected if there is a new mutation

[robokozo]

Version

5.0.3

Browser and OS info

Chrome / Windows 10

Steps to reproduce

1. Create a Vuex enabled App
2. In a created component, create an setInterval that updates the state via a mutation at a regular interval
3. Try to inspect the Vuex state

What is expected?

If an entry in the vuex log is explicitly clicked on to be inspected, it shouldn't be changed due to a mutation.

What is actually happening?

When a mutation occurs the 'inspected' Vuex item is updated to the latest value

---

I added a screen capture of what is occurring here: https://imgur.com/a/QfKAI9N

[robokozo]

The screen capture

[jacobg]

IMHO Seems more like a bug than an enhancement, since viewing state is pretty much unusable, and it’s also a regression of behaviorfrom prior dev tools version.

[robokozo]

I have to agree with @jacobg
Our only solution at the moment is to disable the time based features of our app in order to get any use out of the Vuex tab.

[Akryum]

@jacobg Git agrees with me that the inspected mutation was always reset to the last one when a mutation was received, even 2 years ago 😸️

[jacobg]

@Akryum Thanks for resolving. I thought I remember in the old version I could look at state even when new mutations come in. Perhaps the state was getting updated with new mutations. The current version changes to Loading State spinner when new mutation comes in.

[Akryum]

@jacobg I think your are talking about something different, OP was about selecting a mutation other than the last one and keeping it selected when a new mutation is received.