Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-3604

Maximized text area field hides button, causing usability problem

    XMLWordPrintable

Details

    • Basel 19
    • 8

    Description

      If you maximize a text area, it hides the main buttons "save" and "cancel". Some users are unaware that they have to minimize the text area again, in order to save their changes. They click on the "x" of a dialog to close it. This cancels all changes without asking for confirmation, causing users to loose their work.

      I suggest we do the following:

      1. We keep showing the buttons at the bottom edge of the visible area (see attachment), even if a text input area is maximized.
      2. When the user hits one of the buttons, we first minimize the full-height text input area again, then validate the input fields. This way, we can show warnings and errors using existing means.

      Ideally, we would also show a confirmation message if the user hits "cancel" or the "x", as we already do when the user hits "ESCAPE". However, I would only add this once we're able to properly detect if a form has non-saved data, and we can't do that currently (see MGNLUI-2884).

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                sang.ngo Sang Ngo Huu
                weder Andreas Weder
                Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Bug DoR
                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - 4d Original Estimate - 4d
                      4d
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 8d 7.5h
                      8d 7.5h