Skip to content

Issue in the Login Screen Width + File-Upload not working (only on production using docker image) #15838

Open
@MohammadSalahat

Description

@MohammadSalahat

Package

filament/filament

Package Version

v3.3.3

Laravel Version

v11.44.1

Livewire Version

v3.6.1

PHP Version

v8.3

Problem description

When i did upgrade filament from v3.2.113 to v3.3.3, i forced some bugs,

  1. Bug with the login screen where the width is broken

Image

  1. Bug when uploading a file in the form file-upload field

Image

Expected behavior

The login Form should have this width

Image

The File upload should accept uploading a file

Image

Steps to reproduce

  • Create a Laravel Project with Filament Admin Panel
  • Build a Docker Image
  • Publish project to the development or production server
  • Open Login Page, observer the login form is taking full width
  • Login, then go to any form that have a file upload filed, try uploading an image, observe error, where the error say that the image always is invalid type

Reproduction repository (issue will be closed if this is not valid)

https://github.com/MohammadSalahat/filament-issue

Relevant log output

file-upload.js?v=3.2.136.0:1 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'insertBefore')
    at Na (file-upload.js?v=3.2.136.0:1:9462)
    at Object.replaceElement (file-upload.js?v=3.2.136.0:2:73514)
    at jd (file-upload.js?v=3.2.136.0:2:75143)
    at qd (file-upload.js?v=3.2.136.0:2:75184)
    at ft (file-upload.js?v=3.2.136.0:2:77389)
    at Proxy.init (file-upload.js?v=3.2.136.0:40:95697)

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Todo

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions