flyrmyr / system-flow-card

A system flow card inspired by the official Energy Distribution card for Home Assistant
41 stars 2 forks source link

Flow lines don't show in firefox #49

Open gasman1844 opened 1 year ago

gasman1844 commented 1 year ago

Using v0.1.2 with latest version of firefox, the flow-lines don't show. They do show in edge. I've got adblock type extensions turned off for this page, can't think what else to do. I realise this might not be a top priority to fix bearing in mind the falling usage of firefox but if it can be fixed I would be grateful. screenshot

flyrmyr commented 1 year ago

Hmm, hadn't tested that. What I'm finding around the web is that Firefox has a harder time with images that don't have a set width. I think this has to do with my biggest irk of this card, those lines are actually drawn at 100% height and width and then basically squished to match the space between the boxes. Since I borrowed from the HA power card that hardcodes entities it always knows where each box will be. The responsive nature of my card is definitely the biggest hurdle. I'll keep this issue in mind when I try to tackle the squishy issue.

northalpha commented 10 months ago

FYI: using Firefox 118.0.2 and system-flow-card version 0.1.2 is working for me on macOS 14 ... also Chrome starting 118.0.5993.96 is now working for me, was missing the lines bevor this chrome version.

robtor-de commented 8 months ago

I have the same issue on Archlinux with firefox 121.0-1 and card version v0.1.2

image

In the homeassistant app everything is displayed well

20after4 commented 5 months ago

This is caused by commas in the svg path definitions. My PR #74 should resolve this bug.

robtor-de commented 5 months ago

@20after4 Hope your pull request gets accepted soon. It would be very nice to see this issue fixed :)

20after4 commented 5 months ago

@robtor-de you can install my fork if you want, there I've merged the PR into main and updated some dependencies to make it build properly.

robtor-de commented 2 months ago

@20after4 Thank you for that offer. Currently I'm pretty busy bit I will soon do that and also give you some feedback