filamentphp / filament

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.
https://filamentphp.com
MIT License
19.47k stars 2.97k forks source link

Background in darkmode not full height for chrome #14687

Open Lockyc opened 3 weeks ago

Lockyc commented 3 weeks ago

Package

filament/filament

Package Version

v3.2.115 & https://demo.filamentphp.com

Laravel Version

v11.25.0 & https://demo.filamentphp.com

Livewire Version

https://demo.filamentphp.com

PHP Version

v8.3 & https://demo.filamentphp.com

Problem description

I nearly submitted this issue with screenshots only. Just before I did, I realised the issue I am seeing is only visible on my monitors. When I view the page on my macbook screen and the issue is not there. The same also applies for the screenshots, the background color difference is apparent in the screenshots when viewing on my monitor but not when i view the screenshots on my macbook screen.

I have included the screenshots, as well as some photos i took of my monitors with the issue.

The dark mode background does not display full height. This occurs in the app i am building, the demo repository and https://demo.filamentphp.com It appears to work in Firefox appropriately.

CleanShot 2024-11-02 at 19 03 58 CleanShot 2024-11-02 at 18 59 06 CleanShot 2024-11-02 at 18 58 59 CleanShot 2024-11-02 at 18 58 38 CleanShot 2024-11-02 at 18 58 36 IMG_2770 IMG_2769 IMG_2768

Expected behavior

The background to be displayed full height

Steps to reproduce

View the app in darkmode in chrome or chromium.

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

https://github.com/filamentphp/demo

Relevant log output

No response

Donate 💰 to fund this issue

Fund with Polar

Lockyc commented 3 weeks ago

I used MacOS' Digital Colour Meter, its a minor difference but enough to show up in the right situation.

CleanShot 2024-11-05 at 07 23 36 CleanShot 2024-11-05 at 07 23 28