nextcloud / nextcloud/contacts
Height of editing pane too low
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 642
- Forks
- 220
- Avg merge
- 14h 39m
- Merged PRs (30d)
- 51
Description
Describe the bug
When editing a contact in the browser the height of the <div> with class splitpanes__pane splitpanes__pane-details is too low. If you want to add additional fields the dropdown for choosing the new field type is cropped. Or if you want to edit a date field the date picker's OK button sometimes can also be cropped by it.
Here is a screenshot showing the issue:

Steps to reproduce
- Open a random contact
- Click on 'Add new property...' (German: 'Neue Eigenschaft hinzufügen')
- The dropdown menu often is cropped.
Expected behavior
The dropdown menu should be visible completely.
Actual behavior
The bottom end is not visible all the time. You need to scroll down in the parent div and the dropdown box itself.
Contact version
4.1.0
Operating system
Debian bullseye
PHP engine version
PHP 7.4
Web server
Apache (supported)
Database
MariaDB
Operating system
Debian bullseye
List of activated Apps
Enabled:
- accessibility: 1.9.0
- activity: 2.15.0
- audioplayer: 3.2.4
- bruteforcesettings: 2.3.0
- calendar: 3.2.2
- circles: 23.1.0
- cloud_federation_api: 1.6.0
- contacts: 4.1.0
- contactsinteraction: 1.4.0
- dashboard: 7.3.0
- dav: 1.21.0
- federatedfilesharing: 1.13.0
- files: 1.18.0
- files_pdfviewer: 2.4.0
- files_rightclick: 1.2.0
- files_sharing: 1.15.0
- files_trashbin: 1.13.0
- files_versions: 1.16.0
- files_videoplayer: 1.12.0
- firstrunwizard: 2.12.0
- impersonate: 1.10.0
- logreader: 2.8.0
- lookup_server_connector: 1.11.0
- notes: 4.3.1
- notifications: 2.11.1
- oauth2: 1.11.0
- password_policy: 1.13.0
- photos: 1.5.0
- privacy: 1.7.0
- provisioning_api: 1.13.0
- recommendations: 1.2.0
- richdocuments: 5.0.3
- richdocumentscode: 21.11.204
- serverinfo: 1.13.0
- settings: 1.5.0
- sharebymail: 1.13.0
- spreed: 13.0.4
- survey_client: 1.11.0
- tasks: 0.14.4
- text: 3.4.1
- theming: 1.14.0
- twofactor_backupcodes: 1.12.0
- updatenotification: 1.13.0
- user_status: 1.3.1
- viewer: 1.7.0
- weather_status: 1.3.0
- workflowengine: 2.5.0
Disabled:
- admin_audit
- comments: 1.5.0
- encryption
- federation: 1.5.0
- files_external
- music: 1.5.1
- nextcloud_announcements: 1.4.0
- support: 1.0.0
- systemtags: 1.5.0
- user_ldap
Nextcloud Signing status
No errors have been found.
Configuration report
{
"system": {
"instanceid": "***REMOVED SENSITIVE VALUE***",
"passwordsalt": "***REMOVED SENSITIVE VALUE***",
"secret": "***REMOVED SENSITIVE VALUE***",
"trusted_domains": [
"***REMOVED SENSITIVE VALUE***",
"***REMOVED SENSITIVE VALUE***"
],
"default_phone_region": "DE",
"datadirectory": "***REMOVED SENSITIVE VALUE***",
"overwrite.cli.url": "***REMOVED SENSITIVE VALUE***",
"dbtype": "mysql",
"version": "23.0.3.2",
"dbname": "***REMOVED SENSITIVE VALUE***",
"dbhost": "***REMOVED SENSITIVE VALUE***",
"dbtableprefix": "oc_",
"dbuser": "***REMOVED SENSITIVE VALUE***",
"dbpassword": "***REMOVED SENSITIVE VALUE***",
"installed": true,
"maintenance": false,
"loglevel": 2,
"trashbin_retention_obligation": "auto",
"mail_smtphost": "***REMOVED SENSITIVE VALUE***",
"mail_smtpsecure": "tls",
"mail_smtpauth": 1,
"mail_smtpauthtype": "PLAIN",
"mail_smtpname": "***REMOVED SENSITIVE VALUE***",
"mail_smtppassword": "***REMOVED SENSITIVE VALUE***",
"mail_smtpmode": "smtp",
"mail_from_address": "***REMOVED SENSITIVE VALUE***",
"mail_domain": "***REMOVED SENSITIVE VALUE***",
"mail_smtpport": "587",
"enable_certificate_management": true,
"theme": "",
"memcache.local": "\\OC\\Memcache\\APCu",
"memcache.locking": "\\OC\\Memcache\\Redis",
"redis": {
"host": "***REMOVED SENSITIVE VALUE***",
"port": "6379"
},
"mysql.utf8mb4": true,
"mail_sendmailmode": "smtp",
"enable_previews": true,
"enabledPreviewProviders": [
"OC\\Preview\\M4V",
"OC\\Preview\\Movie",
"OC\\Preview\\PNG",
"OC\\Preview\\JPEG",
"OC\\Preview\\GIF",
"OC\\Preview\\BMP",
"OC\\Preview\\XBitmap",
"OC\\Preview\\MP3",
"OC\\Preview\\MP4",
"OC\\Preview\\TXT",
"OC\\Preview\\MarkDown",
"OC\\Preview\\PDF"
]
}
}
Additional info
No response
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
Start by reproducing the contact editor issue and inspect the div with class splitpanes__pane splitpanes__pane-details in the browser. Verify the Add new property dropdown and date picker’s OK button remain fully visible without scrolling the parent or dropdown.
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
- 42/100