[Bug]: Widgets using stored values aren't updated if the stored value is updated in another browser tab

[ghost]

Is there an existing issue for this?

• I have searched the existing issues

Description

I have two tabs, each showing a different page of the same Appsmith app. When I update a stored value in Tab 2 the change isn't reflected in Tab 1.

I expect the widgets bound to the stored value in Tab 1 to update when I change the value in Tab 2. They are using the same store.

The use case here is having a common form that is used across multiple pages. Several pages of the app contain a form for editing data. One of the form fields is complex and common among pages. This field has been broken out into its own editor page. The data from this complex field has an effect on the other fields from the original form. We need the original form tabs values to react in real-time while editing the complex field in its own page.

Related Discord thread.

Steps To Reproduce

1. Open the public sample app below.
2. Click the Populate the Store button.
3. Observe that the store is populated with some values.
4. Click the Open Browser Tab 2 button.
5. Change a value in the JSON Form.
6. Click Update the Store.
7. Switch back to the original tab.
8. Observe that the value has not updated.
9. Refresh the original tab.
10. Observe that you can now see the correct and current value of the store.

Public Sample App

https://app.appsmith.com/app/issue-cross-tab-value-updates/example-645c5a6e47cc6a716aa3155e

Environment

Production

Issue video log

No response

Version

Cloud 1.9.24-SNAPSHOT

Front conversations

[bharath31]

@arunvjn could you investigate the root cause?