The versatile custom Swiss Army Knife card for Home Assistant allows you to create your unique visualization using several graphical tools, styling options and animations.
236
stars
21
forks
source link
Firefox doesn't display text at the requested alignment #117
Before you file a bug, make sure that you did not make a configuration mistake. The Swiss Army Knife in its current state does not yet have full configuration sanity checks!
So make sure your problem is not related to that!
[x] Yes, I'm sure that it is not a configuration mistake
Bug description
Firefox doesn't display text at the requested alignment. Text is almost always positioned to high!
To Reproduce
Steps to reproduce the behavior:
Check any view from SAK
Expected behavior
A clear and concise description of what you expected to happen.
Desktop browser (please complete the following information):
OS: [Windows, Linux]
Browser [Firefoxi]
Version [102]
Companion App on Smartphone/Tablet (please complete the following information):
Device: [e.g. iPhone16]
OS: [e.g. iOS16]
Browser [e.g. stock browser, safari]
Version [e.g. 16]
Additional context
Add any other context about the problem here.
(Optional): Suggested Solution
Firefox doesn't support the alignment-baseline property but does support dominant-baseline, which does about the same. So changing this seems to fix the problem, while seeing no changes in the other browsers.
Bug report notice
Before you file a bug, make sure that you did not make a configuration mistake. The Swiss Army Knife in its current state does not yet have full configuration sanity checks!
So make sure your problem is not related to that!
Bug description
Firefox doesn't display text at the requested alignment. Text is almost always positioned to high!
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
/f/image/SS0MYkd78UFcDTdvQX2maW3N.png?f=fotoalbum_large)
Desktop browser (please complete the following information):
Companion App on Smartphone/Tablet (please complete the following information):
Additional context Add any other context about the problem here.
(Optional): Suggested Solution
Firefox doesn't support the
alignment-baselineproperty but does supportdominant-baseline, which does about the same. So changing this seems to fix the problem, while seeing no changes in the other browsers.