Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Broken vertical font alignment on certain Linux distributions
See original GitHub issueBug report
Describe the bug
Text which is supposed to be centered vertically is off by a few pixels in Firefox on Fedora 33. This happens on both v1 and v0 and for every UI element where text is used.
To reproduce
- Get a working installation of Fedora 33 (VM, live USB stick, etc.)
- In Firefox, open one of the urls mentioned below
- See how the font is not aligned properly
Minimal reproduction
The official Chakra UI docs are by nature a minimal reproduction. See below for links. 😃
Update: This is no longer the case as the docs now use the non-default Inter font.
Expected behavior
I would expect the vertical alignment of text to be pixel perfect.
Screenshots
v1 screenshots
https://next.chakra-ui.com/docs/form/button
https://next.chakra-ui.com/docs/data-display/badge
https://next.chakra-ui.com/docs/form/input
v0 screenshot
System information
- OS: Fedora 33 (Linux)
- Browser: Firefox 84.0 (64 bit)
- Version of @chakra-ui/core: 1.0.0-rc.5 / 0.8.0
- Version of Node.js: N/A
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:29 (9 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
This explains why I am seeing the exact same issue on GitHub:
Experiencing same issue on Firefox. Definitely coming from the github font stack. Seeing the same issue on buttons here.