[Bug]: Image viewer on Firefox - missing css rules

theosche commented 2 weeks ago

⚠️ This issue respects the following points: ⚠️

[X] This is a bug, not a question or a configuration/webserver/proxy issue.
[X] This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
[X] Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
[X] I agree to follow Nextcloud's Code of Conduct.

Bug description

The image viewer is not properly working on Firefox. A video will be more easily explicit: https://github.com/user-attachments/assets/1dc75cc7-8e1a-4ad8-ab6e-c24bda674c48

Comparing with other browsers, where it works as expected, the following css rules seems to be missing on Firefox:

.viewer.modal-mask[data-v-09be59e8] {
    transition: width ease 100ms, background-color 0.3s ease;
}
.viewer[data-v-09be59e8] .modal-wrapper .modal-container {
    top: var(--header-height);
    bottom: var(--header-height);
    height: auto;
    background-color: transparent;
    box-shadow: none;
}
.viewer__content[data-v-09be59e8] {
    width: 100%;
    height: 100%;
}
.viewer[data-v-09be59e8] .modal-container, .viewer__content[data-v-09be59e8] {
    overflow: visible !important;
    cursor: pointer;
}
.viewer__file-wrapper[data-v-09be59e8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

Steps to reproduce

Open any image (image viewer) using Firefox

Expected behavior

The image is displayed correctly in its window, as for other web browsers

Nextcloud Server version

29

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?

None

Are you using the Nextcloud Server Encryption module?

Encryption is Disabled

What user-backends are you using?

[X] Default user-backend (database)
[ ] LDAP/ Active Directory
[ ] SSO - SAML
[ ] Other

Configuration report

{
    "system": {
        "instanceid": "***REMOVED SENSITIVE VALUE***",
        "passwordsalt": "***REMOVED SENSITIVE VALUE***",
        "secret": "***REMOVED SENSITIVE VALUE***",
        "trusted_domains": [
            "localhost",
            "cloud.actionculture.ch",
            "cloud.yverdonentransition.ch",
            "vert-e-s-et-solidaires.ch",
            "cloud.alternatyv.ch",
            "cloud.sports-5.ch",
            "srv2.actionculture.ch"
        ],
        "datadirectory": "***REMOVED SENSITIVE VALUE***",
        "skeletondirectory": "",
        "dbtype": "mysql",
        "version": "29.0.5.1",
        "overwrite.cli.url": "http:\/\/localhost",
        "dbname": "***REMOVED SENSITIVE VALUE***",
        "dbhost": "***REMOVED SENSITIVE VALUE***",
        "dbport": "",
        "dbtableprefix": "oc_",
        "dbuser": "***REMOVED SENSITIVE VALUE***",
        "dbpassword": "***REMOVED SENSITIVE VALUE***",
        "installed": true,
        "mail_smtpmode": "smtp",
        "mail_from_address": "***REMOVED SENSITIVE VALUE***",
        "mail_domain": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpauthtype": "LOGIN",
        "mail_smtphost": "***REMOVED SENSITIVE VALUE***",
        "mail_smtpport": "587",
        "maintenance": false,
        "theme": "",
        "loglevel": 2,
        "has_rebuilt_cache": true,
        "app_install_overwrite": [
            "external",
            "forms",
            "registration",
            "fulltextsearch",
            "drawio",
            "sharingpath",
            "files_readmemd",
            "apporder",
            "co2clock",
            "shifts"
        ],
        "mysql.utf8mb4": true,
        "updater.release.channel": "stable",
        "memcache.local": "\\OC\\Memcache\\APCu",
        "memcache.distributed": "\\OC\\Memcache\\Redis",
        "filelocking.enabled": true,
        "memcache.locking": "\\OC\\Memcache\\Redis",
        "redis": {
            "host": "***REMOVED SENSITIVE VALUE***",
            "port": 0,
            "timeout": 0,
            "password": "***REMOVED SENSITIVE VALUE***"
        },
        "ldapIgnoreNamingRules": false,
        "maintenance_window_start": 1,
        "mail_sendmailmode": "smtp",
        "default_phone_region": "CH",
        "default_language": "fr",
        "defaultapp": "files,dashboard",
        "mail_smtpauth": 1,
        "mail_smtpname": "***REMOVED SENSITIVE VALUE***",
        "mail_smtppassword": "***REMOVED SENSITIVE VALUE***"
    }
}

List of activated Apps

- activity: 2.21.1
  - analytics: 4.14.0
  - announcementcenter: 6.8.1
  - bruteforcesettings: 2.9.0
  - calendar: 4.7.16
  - certificate24: 0.3.3
  - cfg_share_links: 5.1.1
  - cloud_federation_api: 1.12.0
  - comments: 1.19.0
  - contacts: 6.0.0
  - contactsinteraction: 1.10.0
  - dashboard: 7.9.0
  - dav: 1.30.1
  - deck: 1.13.1
  - drawio: 3.0.2
  - event_update_notification: 2.4.0
  - external: 5.4.0
  - federatedfilesharing: 1.19.0
  - federation: 1.19.0
  - files: 2.1.1
  - files_downloadlimit: 2.0.0
  - files_fulltextsearch: 29.0.1
  - files_linkeditor: 1.1.20
  - files_pdfviewer: 2.10.0
  - files_reminders: 1.2.0
  - files_sharing: 1.21.0
  - files_trashbin: 1.19.0
  - files_versions: 1.22.0
  - files_zip: 1.6.0
  - forms: 4.2.4
  - fulltextsearch: 29.0.1
  - fulltextsearch_elasticsearch: 29.0.1
  - groupfolders: 17.0.2
  - integration_openstreetmap: 1.0.12
  - keeweb: 0.6.19
  - logreader: 2.14.0
  - lookup_server_connector: 1.17.0
  - mail: 3.7.7
  - maps: 1.4.0
  - nextcloud_announcements: 1.18.0
  - notes: 4.10.1
  - notifications: 2.17.0
  - oauth2: 1.17.0
  - onlyoffice: 9.3.0
  - password_policy: 1.19.0
  - photos: 2.5.0
  - polls: 7.2.1
  - privacy: 1.13.0
  - provisioning_api: 1.19.0
  - quota_warning: 1.20.0
  - recommendations: 2.1.0
  - registration: 2.4.0
  - related_resources: 1.4.0
  - secrets: 2.0.3
  - serverinfo: 1.19.0
  - settings: 1.12.0
  - sharebymail: 1.19.0
  - side_menu: 3.13.1
  - sketch_picker: 1.0.2
  - spreed: 19.0.8
  - support: 1.12.0
  - survey_client: 1.17.0
  - suspicious_login: 7.0.0
  - systemtags: 1.19.0
  - tasks: 0.16.1
  - text: 3.10.1
  - theming: 2.4.0
  - twofactor_backupcodes: 1.18.0
  - updatenotification: 1.19.1
  - user_status: 1.9.0
  - viewer: 2.3.0
  - weather_status: 1.9.0
  - welcome: 1.2.0
  - workflowengine: 2.11.0
  - workspace: 3.2.0
Disabled:
  - admin_audit: 1.19.0
  - appointments: 2.1.10 (installed 2.1.10)
  - calendar_resource_management: 0.8.0 (installed 0.8.0)
  - circles: 29.0.0-dev (installed 28.0.0)
  - co2clock: 1.0.2 (installed 1.0.2)
  - collectives: 2.14.2 (installed 2.14.2)
  - encryption: 2.17.0
  - files_archive: 1.2.3 (installed 1.2.3)
  - files_external: 1.21.0 (installed 1.15.0)
  - firstrunwizard: 2.18.0 (installed 2.14.0)
  - passwords: 2024.7.20 (installed 2024.7.20)
  - shifts: 1.9.9 (installed 1.9.9)
  - twofactor_totp: 11.0.0-dev
  - user_ldap: 1.20.0 (installed 1.16.0)

Nextcloud Signing status

No response

Nextcloud Logs

Nothing relevant

Additional info

Tested on Firefox Mac 128.0.3

theosche commented 2 weeks ago

Update: I could not reproduce on another instance with less apps, so I thought it could be due to some app. After disabling the following apps, I cannot reproduce the bug anymore (even after the apps are enabled again):

Custom menu
Deck
Draw io
External sites

I will close this issue if it still works tomorrow (otherwise I'll investigate more)

theosche commented 1 week ago

It still works now, I cannot reproduce anymore. Closing the issue

nextcloud / viewer