Stuck on an issue?
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.
Font doesn't propagate to button element
See original GitHub issueHi !
Awesome work 👏
I found an issue though if you have this:
<body class="font-mono">
...
<div>
is mono
</div>
<button>
is not mono
</button>
...
</body>
Not sure what’s wrong
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (4 by maintainers)
Top Results From Across the Web
Why is 'font-family' not inherited in '<button>' tags automatically?
Form elements don't inherit font settings, you have to set these properties manually. If you use font declaration for eg. body, body {font-family:...
Read more >Be Slightly Careful with Sub Elements of Clickable Things
So you do that with something like this: var button = document. querySelector("button"); button.
Read more >Custom Fonts Not Displaying On Front End - Elementor
Learn everything about Custom Fonts Not Displaying On Front End in this article from ... Go to Elementor > Tools and click the...
Read more >text-size-adjust - CSS: Cascading Style Sheets - MDN Web Docs
When an element containing text uses 100% of the screen's width, the algorithm increases its text size, but without modifying the layout.
Read more >Keep elements properties between states (propagate text)
With that, I would be able to improve my work on making hover buttons all over my prototype. The way it is now,...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I think I found the issue, it’s because I use a conditional
<component is="x ? 'button' : 'a'">For some reason it breaks things
@voorjaar It’s not a problem ) @gawlk
buttonnot support inheritfont-family))plugin no include
font-family:inheritinbuttonhttps://github.com/tailwindlabs/tailwindcss-forms/blob/master/src/index.js use