Height of editing pane too low

[NicolasGoeddel]

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

1. Open a random contact
2. Click on 'Add new property...' (German: 'Neue Eigenschaft hinzufügen')
3. 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

[samwilson]

A workaround for this is to add the following (via the Custom CSS app):

.splitpanes__pane.splitpanes__pane-details { height: auto; }
.splitpanes__pane.splitpanes__pane-details .app-content-details { height: 100%; }

[NicolasGoeddel]

A workaround for this is to add the following (via the Custom CSS app):

.splitpanes__pane.splitpanes__pane-details { height: auto; }
.splitpanes__pane.splitpanes__pane-details .app-content-details { height: 100%; }

Nice. I was not aware of the existence of such an app. Thank you for the workaround.