When opening an overlay, you have no way to interact with other elements that are overlapped until you close that overlay. Yes, the overlay overlapping everything, even the fixed elements. Therefore, you need to use not overlays, but duplicates of the same screen with changes and the “Navigate to” action. Thus, you need to create as many screens as different combinations. For example, screens:
- When nothing is selected;
- Only black is selected;
- Selected black color and size “S”;
- Black color and size “M”;
- Etc. for every color and size.
Your file will turn out to be very huge because of these almost identical screens.
Using interactive components, you will be left almost exactly as in your screenshot №3 from the first post, only without overlays and combined into a variants. This way you can interact with each element and have one screen.