Comments (11)
no idea, its the profile picture of the users from HA itself. they dont have an extension.
Ok. Then I know how this can be fixed.
You can try to disable injection by setting
entities:
options:
svginjection: false
and see if that already helps.
from swiss-army-knife-card.
i still have the disable cache option enabled you told me about last time.
and of course reloaded the page/browser.
from swiss-army-knife-card.
Ok. I will change the logic.
The api as image is not a real image, it returns an image. The svg injector tries to treat this as an svg. Fails but did already set the hidden class. I will change some checks to prevent this from happening (I hope π )
from swiss-army-knife-card.
I can replicate the problem:
The HA API returns an image/jpeg. So at least I know that now π
Besides the fact that this image is treated as an SVG (which it isn't), the additional uncaught error, causes the hidden
class NOT to be removed.
However, If I catch the error, and set options.svginjection : false
in the handler, and fire the renderer once again, the api
picture is displayed (Ricky). The person cards from 1 to 3 have:
- Person: An icon
- Tha Washer: An image at /local/
- Ricky: An image at /api/
I keep this at least as a fallback: if an SVG can't be injected, it is displayed as an external image. If that fails too, well, then I'm out of options and the user specified an illegal image that can't be displayed by an image object.
from swiss-army-knife-card.
PS: not all usersvg, only those 2 for some reason.. all others work fine.
from swiss-army-knife-card.
Weird stuff.
These two are not injected, hence should not be hidden.
What type of images are these? Png, jpg, svg?
from swiss-army-knife-card.
no idea, its the profile picture of the users from HA itself. they dont have an extension.
from swiss-army-knife-card.
class hidden is still applied
i also tried to set
classes:
hidden: false
but that didnt work either.
from swiss-army-knife-card.
class hidden is still applied i also tried to set classes: hidden: false
but that didnt work either.
You did refresh the yaml files and/or clear caches?
The hidden class is only added if svginjection is set to true. So that should not happen if set to false.
from swiss-army-knife-card.
i still have the disable cache option enabled you told me about last time.
and of course reloaded the page/browser.
Ok. Sometimes Lovelace does not see changes in sub-files, and HA does not reload the views as a result.
I still need to change the main dashboard file for a reload to occur. In that case HA shows a message saying that it is changed, and need to reload the view.
Change some text for the view to make sure the latest config is loadedβ¦
from swiss-army-knife-card.
still the same.
from swiss-army-knife-card.
Related Issues (20)
- Refactor state building (states, animations) and state display (localization, specifics) HOT 2
- iPhone Custom Element Doesn't exist HOT 10
- Live Update of Entities HOT 3
- e.toLowerCase() is not a function HOT 8
- refactor: Remove custom-card-helpers HOT 1
- refactor: Refactor icon state building HOT 1
- Add Sparkline Graph tool HOT 10
- usersvg - png - animations not beingapplied HOT 17
- After updating to v2.5.1 my buienradar integration gives an error "Cannot read properties of null (reading 'toString') HOT 1
- Error : i.setConfig is not a function HOT 19
- Own toolset template not working HOT 1
- Add Progress Bar based on path tool HOT 1
- Cannot read properties of undefined (reading 'template')
- Safari 17 has scale and rotate issues
- scaling not working on mobile (android) HOT 1
- the ">" and ">=" operator gets ignored HOT 3
- "Null" attributes throw and error (and do not load card) HOT 1
- To make support for the type of user action "hold_action" HOT 3
- Feature: Refresh SVG on animation/time/state/... HOT 1
- Can't use notify service because of entity_id being added HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from swiss-army-knife-card.