-
Notifications
You must be signed in to change notification settings - Fork 2.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Dashboard background gets scaled up #16406
Comments
If i remove the "fixed" in the raw config editor, the same happens on the samsung app. Place back fixed und samsungs view is just fine. IOS keeps beeing wrong. Seems like theres a problem with the "fixed" for ios |
Can you provide some screenshot with current behavior and expected behavior. Also, can you provide the options you set in the raw config editor? |
It should look like this: But it looks like this on ios: |
Seems like a iOS issue. |
I dont know, but it worked before 2023.5 just fine. Got 3 iphones here and all worked perfectly fine before 2023.5 and it changed instantly after the update on all device with ios. So it has to be something with 2023.5. i think. |
And yes im sure it worked before. All 3 people who use these 3 devices mentioned it directly after the update Iphone 11+ with ios 16.4.1 And if i roll back to 2023.4, it just works |
@piitaya Thanks for your answer before. Ive just seen that the apple Id be very happy if we could get back the fixed background. Thx for your work here! |
Thats still a problem. Do you mind taking a look? |
I had another instance running on 2023.4.4 on a VM, background works fine updated to 2023.6, background is broken again. So im sure the update broke this function. |
Hello, i have exactly the same Problem but can't find a solution until today. Did you find a solution net ? |
no, i couldnt find any solution for that. Hoping that @piitaya answers someday. |
I already responded that it's a Safari issues : #16406 (comment) EDIT : I tested in detail : The changes in 2023.4 is that we used nested scrolling container but we reverted to window scrolling for better scroll support. |
I can confirm this. Only in 2023.4 ist was working on Safari or ios, but i also had scrolling issues in Dashboard. Since 2023.5 background Is scaled in Safari but scrolling Is Smooth. Now i still use 2023.4. @piitaya ….do you think we will get a Solution in near future? Don‘t want to stay in 2023.4 for ever. |
I don't have a solution because adding nested scrolling container will introduce scrolling issue. |
I have to correct me. At the moment i am using 2023.4.6 and the background on Safari/iOS Is fine, and also no issues with scrolling in the Dashboard. Problem with scrolling was before 2023.4.6 @piitaya maybe something else Is different in 2023.4.6 ? This Version works Perfect for me. |
@andre4715 What code are you using to set the background? Do you set in in the raw config editor or in a theme? |
i use the following code in my .yaml title: 'home' |
There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. |
@piitaya Could you implement some sort of work around for this please? |
I'm also fighting with this and couldn't find a solution yet. |
Couldnt find a solution for now. Found out that even mp4 videos with this "https://github.com/rbogdanov/lovelace-animated-background" even get stretched |
This will get a big issue now with the option to set backgrounds from the UI |
Because it did. Not work , i now use bubble Card Pop ups. Inside bubble Card Pop up the background Is fixed and Not scaled.Von meinem iPhone gesendetAm 12.06.2024 um 11:30 schrieb Sebastian H. ***@***.***>:
I'm also fighting with this and couldn't find a solution yet.
—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: ***@***.***>
|
I found a solution today. The only minor downside is that it displays the background on every page in Home Assistant, not just the dashboard. However, I think it looks quite nice. With a bit more tinkering, you can probably figure out how to prevent this. Anyway, here's how I fixed it for me:
You can also remove the @media at-rule if you don't want to have separate backgrounds for light and dark. Step 2: Add this file as a dashboard resource Add a new resource (bottom right corner). Step 3: Clear cache and reload Step 4: (Optional) disable theme background Source of css workaround: https://julia-vicentini.de/blog/background-attachment-fixed-ios-workaround/ |
I installed iOS 18 to test if it will be resolved and of course, it's not resolved... 😡 I also checked a similar solution as @hsph few weeks ago but It will disable to ability to set a no-fixed background for those who wants. We introduced UI to set a background in the last release and we will iterate to improve the background customization. This issue will be taken into account 👍 |
@piitaya Thank you very much! Happy to hear this If any testing is needed, im happy to help! |
Hi, |
Checklist
Describe the issue you are experiencing
Since 2023.5 the background image on every view gets scaled up by the length of the view. The longer the view, so is the image more zoomed in.
This actually just happens on ios so far. But in the app and safari. Samsung app is fine
Describe the behavior you expected
normal scales background
Steps to reproduce the issue
...
What version of Home Assistant Core has the issue?
2023.5
What was the last working version of Home Assistant Core?
2023.4.x
In which browser are you experiencing the issue with?
Safari and mobile app
Which operating system are you using to run this browser?
IOS
State of relevant entities
No response
Problem-relevant frontend configuration
No response
Javascript errors shown in your browser console/inspector
No response
Additional information
No response
The text was updated successfully, but these errors were encountered: