nextcloud / nextcloud/notifications
Overflowing text triggers horizontal scrollbar display
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 153
- Forks
- 67
- Avg merge
- 15h 3m
- Merged PRs (30d)
- 96
Description
Steps to reproduce
- User, where full name (and email) is very long.
- As this user make an action, which triggers a notification (e.g. file share)
- Another user has activated push notification for this action.
- The notification app shows the notification and a horizontal scroll bar will be displayed.
Expected behaviour
No scroll bar is displayed, instead the text is wrapped.
Actual behaviour
A horizontal scroll bar is displayed in the notification app
Server configuration
Operating system:
Debian 10
Nextcloud configuration:
<?php
$CONFIG = array (
'instanceid' => 'xxxxxxxxxxxxxxxxx',
'passwordsalt' => 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
'secret' => 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
'trusted_domains' =>
array (
0 => 'cloud.example.org',
),
'datadirectory' => '/srv/owncloud',
'overwrite.cli.url' => 'https://cloud.example.org',
'dbtype' => 'mysql',
'version' => '22.2.5.1',
'dbname' => 'nextcloud',
'dbhost' => 'localhost',
'dbtableprefix' => 'oc_',
'dbuser' => 'xxxxxxxxx',
'dbpassword' => 'xxxxxxxxxxxxx',
'installed' => true,
'forcessl' => true,
'forceSSLforSubdomains' => true,
'mail_smtpmode' => 'smtp',
'mail_from_address' => 'noreply',
'mail_domain' => 'example.org',
'mail_smtphost' => '127.0.0.1',
'mail_smtpport' => '25',
'ldapIgnoreNamingRules' => false,
'theme' => '',
'maintenance' => false,
'ldapUserCleanupInterval' => 20,
'loglevel' => 2,
'trashbin_retention_obligation' => 'auto',
'memcache.local' => '\\OC\\Memcache\\APCu',
'ldapProviderFactory' => '\\OCA\\User_LDAP\\LDAPProviderFactory',
'auth.bruteforce.protection.enabled' => true,
'share_folder' => '/Shared',
'preview_max_scale_factor' => 1,
'enabledPreviewProviders' =>
array (
0 => 'OC\\Preview\\PNG',
1 => 'OC\\Preview\\JPEG',
2 => 'OC\\Preview\\GIF',
11 => 'OC\\Preview\\Illustrator',
12 => 'OC\\Preview\\Postscript',
13 => 'OC\\Preview\\Photoshop',
14 => 'OC\\Preview\\TIFF',
15 => 'OC\\Preview\\PDF',
),
'filelocking.enabled' => true,
'memcache.locking' => '\\OC\\Memcache\\Redis',
'redis' =>
array (
'host' => 'localhost',
'port' => 6379,
'timeout' => 0.0,
),
'log_rotate_size' => 1073741824,
'default_language' => 'de',
'force_locale' => 'de_AT',
'simpleSignUpLink.shown' => false,
'skeletondirectory' => '/var/www/html/cloudskel',
'app_install_overwrite' =>
array (
0 => 'bookmarks_fulltextsearch',
),
'activity_expire_days' => 22,
'data-fingerprint' => 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
'part_file_in_storage' => false,
'lost_password_link' => 'disabled',
'default_phone_region' => 'AT',
);
Are you using an external user-backend, if yes which one: LDAP/ActiveDirectory/Webdav/...
NO
Client configuration
Browser:
Version 98.0.4758.102 (Offizieller Build) (64-Bit)
Operating system:
Debian GNU/Linux 11 Bullseye
Logs
not applicable
Nextcloud log (data/owncloud.log)
not applicable
Browser log
not applicabe

Please see the attached Screenshot.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No source file, test, or entry point is named. Start by reproducing a notification using a user with a very long full name, then trace the notification app's rendered text and styling; done means the text wraps without displaying a horizontal scrollbar.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100