I'm working on an application.
In this application we've got a page and in this page there are 2 different areas.
The top area is used to define information and has a radio select group where we have 3 different statuses.
The bottom area is used to add value to the information used in the top area. Here we can add date ranges with information.
Right now it's possible to edit both of these area's and when doing so and saving information can get lost when switching to another status.
The solution provided by our product owner was the following:
When either area is touched, top or bottom the other will be disabled with an overlay until the first one is saved.
I find this really annoying and would like an alternative solution.
Can you guys help me with this?