Skip to content

Certain combinations of section and question lead to layout shifts in forms #84

@argonimos

Description

@argonimos

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. import the attached form file
  2. use the MS Edge browser
  3. enable preview and try to view the form

Expected behaviour

the form is rendered normally

Actual behaviour

Several question labels appear "shoved" to the right hand side, stretching them lengthwise. Only via a custom css rule such as

div.question-label-row {
    display: block !important;
}

can they be rendered legibly and correctly.

However, Firefox seemed unaffected by this bug and rendered the form normally.

Server configuration

Web server: Apache

Database: PostgreSQL

PHP version: 8.4

Nextcloud version: 33.0.0

List of activated apps Enabled: - activity: 6.0.0-dev.0 - admin_audit: 1.23.0 - aiquila: 0.1.15 - app_api: 33.0.0 - appointments: 2.7.2 - assistant: 3.4.0 - bruteforcesettings: 6.0.0-dev.0 - calendar: 6.2.3 - circles: 33.0.0 - cloud_federation_api: 1.17.0 - collectives: 4.3.0 - comments: 1.23.0 - contacts: 8.4.5 - contactsinteraction: 1.14.1 - dashboard: 7.13.0 - dav: 1.36.0 - deck: 1.17.1 - encryption: 2.21.0 - external: 8.0.1 - federatedfilesharing: 1.23.0 - federation: 1.23.0 - files: 2.5.0 - files_accesscontrol: 4.0.0 - files_antivirus: 6.2.0 - files_downloadlimit: 5.1.0-dev.0 - files_external: 1.25.1 - files_fulltextsearch: 33.0.0 - files_pdfviewer: 6.0.0-dev.0 - files_reminders: 1.6.0 - files_sharing: 1.25.2 - files_trashbin: 1.23.0 - files_versions: 1.26.0 - firstrunwizard: 6.0.0-dev.0 - forms: 5.2.7 - formvox: 1.2.0 - fulltextsearch: 33.0.0 - fulltextsearch_elasticsearch: 33.0.0 - groupfolders: 21.0.7 - impersonate: 4.0.0 - integration_giphy: 2.2.1 - integration_immich: 1.1.1 - integration_openai: 4.4.0 - integration_paperless: 1.0.13 - introvox: 1.4.2 - logreader: 6.0.0 - lookup_server_connector: 1.21.0 - memories: 8.0.1 - music: 3.0.0 - nextcloud-aio: 0.8.0 - nextcloud_announcements: 5.0.0 - notes: 5.0.0 - notifications: 6.0.0 - notify_push: 1.3.1 - oauth2: 1.21.0 - ocs_api_viewer: 1.0.11 - oidc: 1.16.5 - ownershiptransfer: 1.4.0 - password_policy: 5.0.0-dev.0 - photos: 6.0.0-dev.0 - polls: 9.0.7 - previewgenerator: 5.13.0 - privacy: 5.0.0-dev.0 - profile: 1.2.0 - provisioning_api: 1.23.0 - qownnotesapi: 26.2.2 - recommendations: 6.0.0-dev.0 - related_resources: 4.0.0-dev.0 - richdocuments: 10.1.3 - serverinfo: 5.0.0-dev.0 - settings: 1.16.0 - sharebymail: 1.23.0 - spreed: 23.0.4 - support: 5.0.0 - survey_client: 5.0.0-dev.0 - systemtags: 1.23.0 - tables: 2.1.0 - tasks: 0.17.1 - text: 7.0.0-dev.3 - theming: 2.8.0 - thesearchpage: 2.1.2 - twofactor_backupcodes: 1.22.0 - twofactor_totp: 15.0.0-dev.0 - updatenotification: 1.23.0 - user_oidc: 8.10.1 - user_status: 1.13.0 - viewer: 6.0.0-dev.0 - weather_status: 1.13.0 - webhook_listeners: 1.5.0 - whiteboard: 1.5.7 - workflowengine: 2.15.0 Disabled: - context_chat: 5.3.1 (installed 5.0.0) - end_to_end_encryption: 2.1.0 (installed 2.1.0) - facerecognition: 0.9.70 (installed 0.9.70) - metadata: 0.23.0 (installed 0.23.0) - suspicious_login: 11.0.0-dev.0 - twofactor_nextcloud_notification: 7.0.0 - user_ldap: 1.24.0
Nextcloud configuration { "system": { "one-click-instance": true, "one-click-instance.user-limit": 100, "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 } ], "check_data_directory_permissions": false, "memcache.distributed": "\\OC\\Memcache\\Redis", "memcache.locking": "\\OC\\Memcache\\Redis", "redis": { "host": "***REMOVED SENSITIVE VALUE***", "password": "***REMOVED SENSITIVE VALUE***", "port": 6379, "timeout": "5.0", "read_timeout": "5.0" }, "default_phone_region": "DE", "overwritehost": "nextcloud.xx.de", "overwriteprotocol": "https", "overwrite.cli.url": "https:\/\/nextcloud.xx.de\/", "passwordsalt": "***REMOVED SENSITIVE VALUE***", "secret": "***REMOVED SENSITIVE VALUE***", "trusted_domains": [ "localhost", "nextcloud.xx.de" ], "datadirectory": "***REMOVED SENSITIVE VALUE***", "dbtype": "pgsql", "version": "33.0.0.16", "dbname": "***REMOVED SENSITIVE VALUE***", "dbhost": "***REMOVED SENSITIVE VALUE***", "dbport": "", "dbtableprefix": "oc_", "dbuser": "***REMOVED SENSITIVE VALUE***", "dbpassword": "***REMOVED SENSITIVE VALUE***", "installed": true, "instanceid": "***REMOVED SENSITIVE VALUE***", "maintenance": false, "loglevel": 2, "log_type": "file", "logfile": "\/var\/www\/html\/data\/nextcloud.log", "log_rotate_size": 10485760, "log.condition": { "apps": [ "admin_audit" ] }, "preview_max_x": 2048, "preview_max_y": 2048, "jpeg_quality": 60, "enabledPreviewProviders": { "0": "OC\\Preview\\Imaginary", "1": "OC\\Preview\\MarkDown", "2": "OC\\Preview\\MP3", "3": "OC\\Preview\\TXT", "4": "OC\\Preview\\OpenDocument", "5": "OC\\Preview\\Movie", "6": "OC\\Preview\\Krita", "7": "OC\\Preview\\Imaginary", "8": "OC\\Preview\\ImaginaryPDF", "9": "OC\\Preview\\HEIC", "10": "OC\\Preview\\TIFF", "11": "OC\\Preview\\ImaginaryPDF", "23": "OC\\Preview\\ImaginaryPDF" }, "enable_previews": true, "upgrade.disable-web": true, "mail_smtpmode": "smtp", "trashbin_retention_obligation": "auto, 30", "versions_retention_obligation": "auto, 30", "activity_expire_days": 30, "simpleSignUpLink.shown": false, "share_folder": "\/Shared", "one-click-instance.link": "https:\/\/nextcloud.com\/all-in-one\/", "upgrade.cli-upgrade-link": "https:\/\/github.com\/nextcloud\/all-in-one\/discussions\/2726", "updatedirectory": "\/nc-updater", "maintenance_window_start": 100, "allow_local_remote_servers": true, "davstorage.request_timeout": 3600, "documentation_url.server_logs": "https:\/\/github.com\/nextcloud\/all-in-one\/discussions\/5425", "htaccess.RewriteBase": "\/", "dbpersistent": false, "auth.bruteforce.protection.enabled": true, "ratelimit.protection.enabled": true, "files_external_allow_create_new_local": true, "trusted_proxies": "***REMOVED SENSITIVE VALUE***", "preview_imaginary_url": "***REMOVED SENSITIVE VALUE***", "preview_imaginary_key": "***REMOVED SENSITIVE VALUE***", "facerecognition.external_model_url": "nextcloud-aio-facerecognition:5000", "facerecognition.external_model_api_key": "52c9deb720463f6c5ab165a318f994311256d53d6a606bff", "enabledFaceRecognitionMimetype": [ "image\/jpeg", "image\/png", "image\/heic", "image\/tiff", "image\/webp" ], "memories.db.triggers.fcu": true, "memories.exiftool": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/exiftool-amd64-musl", "memories.vod.path": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/go-vod-amd64", "memories.vod.ffmpeg": "\/usr\/bin\/ffmpeg", "memories.vod.ffprobe": "\/usr\/bin\/ffprobe", "memories.vod.external": true, "memories.vod.connect": "nextcloud-aio-memories:47788", "app_install_overwrite": [ "nextcloud-aio" ], "mail_sendmailmode": "smtp", "mail_smtphost": "***REMOVED SENSITIVE VALUE***", "mail_smtpport": "465", "mail_from_address": "***REMOVED SENSITIVE VALUE***", "mail_domain": "***REMOVED SENSITIVE VALUE***", "mail_smtpauth": true, "mail_smtptimeout": 30, "mail_smtpname": "***REMOVED SENSITIVE VALUE***", "mail_smtppassword": "***REMOVED SENSITIVE VALUE***", "updatechecker": true, "updater.release.channel": "stable", "forbidden_filename_basenames": [ "con", "prn", "aux", "nul", "com0", "com1", "com2", "com3", "com4", "com5", "com6", "com7", "com8", "com9", "com\u00b9", "com\u00b2", "com\u00b3", "lpt0", "lpt1", "lpt2", "lpt3", "lpt4", "lpt5", "lpt6", "lpt7", "lpt8", "lpt9", "lpt\u00b9", "lpt\u00b2", "lpt\u00b3" ], "forbidden_filename_characters": [ "<", ">", ":", "\"", "|", "?", "*", "\\", "\/" ], "forbidden_filename_extensions": [ " ", ".", ".filepart", ".part" ], "config_preset": 1, "proxyexclude": [ "nextcloud-aio-fulltextsearch", "nextcloud-aio-fulltextsearch.", "172.19.0.12" ], "fulltextsearch_elasticsearch": { "elastic_host": "http:\/\/192.168.178.197:9200", "elastic_index": "nextcloud-aio", "analyzer_tokenizer": "standard" }, "memories.vod.disable": false, "memories.vod.vaapi": true, "memories.vod.vaapi.low_power": true, "mcp_server_url": "http:\/\/192.168.178.197:8899", "mcp_server_api_key": "", "astrolabe_client_secret": "inIjNB6poTClDJBBph1soksxcocjEbJOzcRVKTZfsI7tt7QE15aXkcFfJZJHcYpD", "astrolabe_client_id": "ZkH9vygRKeplO6C7JWROqY1F8i4NFFQkHEOYxTu5sSegXyG7R0q9hE5FKMLeDh6N", "DOMAIN": "nextcloud.xx.de", "AIO_VERSION": "v12.8.0" } }

Browser

Browser name: Edge

Browser version: 147.0.3912.98

Operating system: Windows 11

Browser log
Insert your browser log here, this could for example include:
a) The javascript console log
b) The network log
c) ...

Metadata

Metadata

Assignees

No one assigned

    Labels

    0. Needs triagePending approval or rejectionbugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions