[BUG] - Display error: Buttons on meal planner datepicker invisible

mealie-recipes / mealie

Mealie is a self hosted recipe manager and meal planner with a RestAPI backend and a reactive frontend application built in Vue for a pleasant user experience for the whole family. Easily add recipes into your database by providing the url and mealie will automatically import the relevant data or add a family recipe with the UI editor

https://docs.mealie.io

GNU Affero General Public License v3.0

7.52k stars 753 forks source link

[BUG] - Display error: Buttons on meal planner datepicker invisible #2763

Closed ghuser238490 closed 1 year ago

ghuser238490 commented 1 year ago

First Check

[X] This is not a feature request.
[X] I added a very descriptive title to this issue.
[X] I used the GitHub search to find a similar issue and didn't find it.
[X] I searched the Mealie documentation, with the integrated search.
[X] I already read the docs and didn't find an answer.
[X] This issue can be replicated on the demo site (https://demo.mealie.io/).

What is the issue you are experiencing?

In the current nightly the buttons on the meal planner datepicker on the top left and right are invisible: Screenshot

Steps to Reproduce

Open Meal Planner, then select date range.

Please provide relevant logs

Please see screenshot above.

Mealie Version

Version: nightly Build: 340841b37a3afa7df808547d64ba5dd5c83c5daa

Deployment

Docker (Linux)

Additional Deployment Details

No response

Kuchenpirat commented 1 year ago

You ticked the checkbox that said you can reproduce this on the demo site.

I can neither reproduce this on the demo site, nor my own mealie instance. Have you tried a different browser to see if the problem persists?

boc-the-git commented 1 year ago

I'd echo that, having just tested on my instance (which is up to date as of yesterday), looking in the PWA it looks perfectly normal. I'm using dark mode.

Perhaps there's more detail you can provide to help confirm this.

ghuser238490 commented 1 year ago

It might be a Mac issue - I'm able to reproduce it on my own server and on the demo site with Safari 17.1 on macOS 14.1.1 and iOS 17.1.1 (both Safari and PWA). Just noticed that the "Remember me" checkbox on the login page is invisible, too.

Kuchenpirat commented 1 year ago

just checked on my ipad to make sure. I cannot reproduce the missing checkbox, nor the arrows.

boc-the-git commented 1 year ago

I'd note I'm running the exact same version as @ghuser238490 reports, https://github.com/mealie-recipes/mealie/commit/340841b37a3afa7df808547d64ba5dd5c83c5daa

No issues in dark mode on PWA, nor dark or light mode on Chrome.

Can you share your config as reported in the logs, it's one of the very first messages after boot. I'm wanting to rule out any theming variables

Kuchenpirat commented 1 year ago

if it can be reproduced on the demo (as indicated above) it should not be that version specific and the env variables should also not be set wrongly on the demo site. but having the config cannot hurt

ghuser238490 commented 1 year ago

Thank you guys for looking into that! Turned out that this is not a mealie issue.

Apparently there is an issue with one of the default pi-hole ad block lists: https://raw.githubusercontent.com/StevenBlack/hosts/master/hosts

Since yesterday the domain cdn.jsdelivr.net is on that list, here's the bug report: https://github.com/StevenBlack/hosts/issues/2515

Whitelisting cdn.jsdelivr.net resolves that screen error.

Kuchenpirat commented 1 year ago

thanks for reporting back to us. And could you on your way out close the issue 😉

ghuser238490 commented 1 year ago

I can confirm that cdn.jsdelivr.net is finally removed from the ad list.