Comments Go Off Screen If Display Name is Too Long

[gradylink]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

---

Steps to reproduce

1. Set Display Name to something very long (I used: POTATO POTATO POTATO POTATO POTATO POTATO POTATO POTATO POTATO)
2. Open up comments on any announcement
3. Make a comment

Expected behaviour

The Display Name would either be wrapped or cut off with ellipses like in the Talk app.

Actual behaviour

The Display Name extends the size of the container. This also happens with the input to create a comment.

Screenshot

Server configuration

Database: SQLite

PHP version: 8.3.21

Nextcloud version: 31.0.5

List of activated apps

Enabled:
  - announcementcenter: 7.1.3
  - app_api: 5.0.2
  - apporder: 0.15.0
  - bruteforcesettings: 4.0.0
  - calendar: 5.3.0
  - circles: 31.0.0
  - cloud_federation_api: 1.14.0
  - comments: 1.21.0
  - dashboard: 7.11.0
  - dav: 1.33.0
  - deck: 1.15.1
  - end_to_end_encryption: 1.17.0
  - external: 6.0.2
  - federatedfilesharing: 1.21.0
  - federation: 1.21.0
  - files: 2.3.1
  - files_downloadlimit: 4.0.0
  - files_pdfviewer: 4.0.0
  - files_reminders: 1.4.0
  - files_sharing: 1.23.1
  - files_trashbin: 1.21.0
  - files_versions: 1.24.0
  - firstrunwizard: 4.0.0
  - forms: 5.1.0
  - group_everyone: 0.1.17
  - groupfolders: 19.1.0
  - logreader: 4.0.0
  - lookup_server_connector: 1.19.0
  - mail: 5.1.1
  - memories: 7.5.2
  - nextcloud_announcements: 3.0.0
  - notes: 4.12.1
  - notifications: 4.0.0
  - oauth2: 1.19.1
  - password_policy: 3.0.0
  - photos: 4.0.0-dev.1
  - privacy: 3.0.0
  - profile: 1.0.0
  - provisioning_api: 1.21.0
  - recognize: 9.0.1
  - recommendations: 4.0.0
  - related_resources: 2.0.0
  - richdocuments: 8.6.5
  - richdocumentscode_arm64: 25.4.202
  - serverinfo: 3.0.0
  - settings: 1.14.0
  - sharebymail: 1.21.0
  - spreed: 21.0.4
  - support: 3.0.0
  - survey_client: 3.0.0
  - systemtags: 1.21.1
  - tasks: 0.16.1
  - text: 5.0.0
  - theming: 2.6.1
  - theming_customcss: 1.18.0
  - twofactor_backupcodes: 1.20.0
  - twofactor_nextcloud_notification: 5.0.0
  - twofactor_totp: 13.0.0-dev.0
  - updatenotification: 1.21.0
  - user_status: 1.11.0
  - viewer: 4.0.0
  - weather_status: 1.11.0
  - webhook_listeners: 1.2.0
  - whiteboard: 1.0.5
  - workflowengine: 2.13.0
Disabled:
  - activity: 4.0.0 (installed 4.0.0)
  - admin_audit: 1.21.0
  - contacts: 7.1.1 (installed 7.1.1)
  - contactsinteraction: 1.12.0 (installed 1.12.0)
  - cookbook: 0.11.3 (installed 0.11.3)
  - encryption: 2.19.0
  - files_external: 1.23.0
  - gpxpod: 7.0.4 (installed 7.0.4)
  - richdocumentscode: 25.4.202
  - suspicious_login: 9.0.1
  - user_ldap: 1.22.0

Nextcloud configuration

{
    "system": {
        "htaccess.RewriteBase": "\/",
        "memcache.local": "\\OC\\Memcache\\APCu",
        "apps_paths": [
            {
                "path": "\/var\/www\/html\/apps",
                "url": "\/apps",
                "writable": false
            },
            {
                "path": "\/var\/www\/html\/custom_apps",
                "url": "\/custom_apps",
                "writable": true
            }
        ],
        "upgrade.disable-web": true,
        "instanceid": "***REMOVED SENSITIVE VALUE***",
        "passwordsalt": "***REMOVED SENSITIVE VALUE***",
        "secret": "***REMOVED SENSITIVE VALUE***",
        "trusted_domains": [
            "10.0.0.250:10081",
            "nextcloud.grady.link"
        ],
        "datadirectory": "***REMOVED SENSITIVE VALUE***",
        "dbtype": "sqlite3",
        "version": "31.0.5.1",
        "overwrite.cli.url": "https:\/\/nextcloud.grady.link",
        "installed": true,
        "mail_smtpmode": "smtp",
        "mail_sendmailmode": "smtp",
        "maintenance": false,
        "trusted_proxies": "***REMOVED SENSITIVE VALUE***",
        "overwritehost": "nextcloud.grady.link",
        "overwriteprotocol": "https",
        "overwritecondaddr": "^172\\.17\\.0\\.1$",
        "maintenance_window_start": 8,
        "memories.exiftool": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/exiftool-aarch64-glibc",
        "memories.vod.path": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/go-vod-aarch64",
        "app_install_overwrite": [
            "maps",
            "apporder"
        ],
        "defaultapp": "spreed,dashboard",
        "loglevel": 3,
        "memories.db.triggers.fcu": true
    }
}

Browser

Browser name: Zen Browser

Browser version: 124/125/…

Operating system: Arch Linux

EDIT: I forgot to mention I have custom CSS enabled, but the same behavior is present with the custom CSS disabled.

[nickvergessen]

Does it also happen when you leave a comment on a file?

[nickvergessen]

Confirmed for file comments as well:

https://github.com/user-attachments/assets/cf9a3eb6-b4a5-4946-bc17-154510b31d85

Since this app here is not having it's own UI for comments, I will move it to the server.

It also applies to the:

• Comments Tab (with activities disabled)
• Activity Tab (with comments and activities enabled)