Uploaded image for project: 'Nuxeo Elements'
  1. Nuxeo Elements
  2. ELEMENTS-1691

Fix Edit/Delete dialog overflow caused by long username in nuxeo-document-comment-thread

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Resolved
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 3.0.0
    • Fix Version/s: 3.0.33, 3.1.9
    • Component/s: UI
    • Release Notes Summary:
      User name in document comment section, having long text will have ellipsis & on mouse over, a tooltip consisting of the full text will be shown.
    • Backlog priority:
      600
    • Sprint:
      UI - 2024-3, UI - 2024-4, UI COOLDOWN - 2024-03, UI COOLDOWN - 2024-4
    • Story Points:
      2

      Description

      If a user with a long (100+ character) identifier makes a nuxeo-comment in a nuxeo-document-comment-thread used in a bounded pane (such as in nuxeo-document-page), the Edit/Delete dialog can overflow out of the browser window; either being difficult to access or displaying small scrollbars around the dialog.

      Steps to Reproduce:

      1. In Web UI, create a user with a long (100+ character) username, for example:

      longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonguser

      2. Navigate to any commentable Document and create a comment of shorter length than the username.

      Expected result: the Edit/Delete dialog opens toward the left such that it's not cut off by the right-side vertical boundary.

      Actual result: the Edit/Delete dialog opens toward the right as it usually does, causing it to overflow (see screenshot).

        Attachments

        1. ELEMENTS-1691.mp4
          350 kB
          Alok Ranjan
        2. long-username-editdeletebox.PNG
          4.50 MB
          Henry Miskaryan

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: