nextcloud / nextcloud/text

[Bug]: Readme.md: Folder description cropped in mobile view

Open
#6,310 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug design feature: folder description mobile
Dominant language
JavaScript
Stars
659
Forks
133
Avg merge
1d 20h
Merged PRs (30d)
110

Description

⚠️ This issue respects the following points: ⚠️
Bug description

Contents of folder description from Readme.md is cropped in mobile view if show folder description is activated in files app settings.

Steps to reproduce
  1. Open files app in mobile view
  2. Enable show folder description in settings
  3. Open folder containing a Readme.md file
  4. See full width of folder description as expected until page is fully loaded:
    Screenshot_20240831_095556_Firefox
  5. See cropped content of Readme.md once page is fully loaded:
    Screenshot_20240831_095559_Firefox
Expected behavior

Folder description is not cropped on the sides; content preview is visible across its whole width.

Nextcloud Server version

master

Operating system

Debian/Ubuntu

PHP engine version

PHP 8.3

Web server

Apache (supported)

Database engine version

MariaDB

Is this bug present after an update or on a fresh install?

Fresh Nextcloud Server install

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?
  • Default user-backend (database)
  • LDAP/ Active Directory
  • SSO - SAML
  • Other
Configuration report
{
    "system": {
        "htaccess.RewriteBase": "\/",
        "memcache.local": "\\OC\\Memcache\\APCu",
        "memcache.distributed": "\\OC\\Memcache\\Redis",
        "memcache.locking": "\\OC\\Memcache\\Redis",
        "redis": {
            "host": "***REMOVED SENSITIVE VALUE***",
            "password": "***REMOVED SENSITIVE VALUE***",
            "port": 6379
        },
        "apps_paths": [
            {
                "path": "\/var\/www\/html\/apps",
                "url": "\/apps",
                "writable": false
            },
            {
                "path": "\/var\/www\/html\/custom_apps",
                "url": "\/custom_apps",
                "writable": true
            }
        ],
        "app_install_overwrite": [
            "documentserver_community",
            "gpxmotion",
            "gpxedit",
            "apporder",
            "breezedark",
            "printer",
            "files_markdown",
            "extract",
            "issuetemplate",
            "occweb",
            "files_rightclick"
        ],
        "defaultapp": "files",
        "instanceid": "***REMOVED SENSITIVE VALUE***",
        "passwordsalt": "***REMOVED SENSITIVE VALUE***",
        "secret": "***REMOVED SENSITIVE VALUE***",
        "datadirectory": "***REMOVED SENSITIVE VALUE***",
        "installed": true,
        "maintenance": false,
        "maintenance_window_start": 3,
        "upgrade.disable-web": true,
        "loglevel": 2,
        "version": "29.0.4.1",
        "dbtype": "mysql",
        "dbname": "***REMOVED SENSITIVE VALUE***",
        "dbhost": "***REMOVED SENSITIVE VALUE***",
        "dbport": "",
        "dbtableprefix": "oc_",
        "mysql.utf8mb4": true,
        "dbuser": "***REMOVED SENSITIVE VALUE***",
        "dbpassword": "***REMOVED SENSITIVE VALUE***",
        "trusted_domains": [
            "192.168.1.11:10311"
        ],
        "allow_local_remote_servers": true,
        "overwrite.cli.url": "https:\/\/redacted",
        "overwriteprotocol": "https",
        "trusted_proxies": "***REMOVED SENSITIVE VALUE***",
        "forwarded_for_headers": [
            "HTTP_X_FORWARDED",
            "HTTP_FORWARDED_FOR",
            "X-Forwarded-For"
        ],
        "default_language": "de",
        "default_locale": "DE",
        "default_phone_region": "DE",
        "default_timezone": "Europe\/Berlin",
        "mail_smtpmode": "smtp",
        "mail_smtpsecure": "tls",
        "mail_sendmailmode": "smtp",
        "mail_from_address": "***REMOVED SENSITIVE VALUE***",
        "mail_domain": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpauthtype": "LOGIN",
        "mail_smtpauth": 1,
        "mail_smtphost": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpport": "587",
        "mail_smtpname": "***REMOVED SENSITIVE VALUE***",
        "mail_smtppassword": "***REMOVED SENSITIVE VALUE***",
        "memories.exiftool": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/exiftool-amd64-glibc",
        "memories.vod.path": "\/var\/www\/html\/custom_apps\/memories\/bin-ext\/go-vod-amd64",
        "memories.index.path.blacklist": "\\\/(#[Rr]ecycle|@eaDir|#snapshot|[Ll]ocked)\\\/",
        "memories.vod.ffmpeg": "\/usr\/bin\/ffmpeg",
        "memories.vod.ffprobe": "\/usr\/bin\/ffprobe",
        "memories.db.triggers.fcu": true,
        "enabledPreviewProviders": [
            "OC\\Preview\\Image",
            "OC\\Preview\\HEIC",
            "OC\\Preview\\TIFF",
            "OC\\Preview\\Movie"
        ],
        "onlyoffice": {
            "verify_peer_off": true
        },
        "user_oidc": {
            "auto_provision": true,
            "soft_auto_provision": true,
            "use_pkce": true
        },
        "oidc_login_code_challenge_method": "S256",
        "allow_user_to_change_display_name": true,
        "davstorage.request_timeout": 90,
        "preview_max_x": 2048,
        "preview_max_y": 2048,
        "enforce_theme": "dark"
    }
}
List of activated Apps

No response

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue in the Files app on a mobile-sized view by enabling the folder description setting and opening a folder containing Readme.md. Trace the rendered folder description after the page finishes loading; done means the preview remains visible across its full width without side cropping.

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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.