Skip FOLIO Project Navigation

💡 UX exploration: Pattern - Unsaved changes modal


#1

Hello Everyone,

I just documented the pattern for the unsaved changes modal and I would love to have your feedback.

This modal acts as a warning window to prevent users from leaving an edit record page without saving changes.

Behavior
When users click on a FOLIO navigational element or on the browser back icon, the unsaved changes modal shall appear. Users can either decide to proceed without saving or keep editing.
If users click on the edit record page close icon, the unsaved changes modal shall not appear. Users are redirected to the record page without saving any changes.