[BUG] Input box font?

[Just-Moh-it]

Describe the bug

For some reason, the font looks very off in the text-box... as if it were the default font

To Reproduce
Steps to reproduce the behavior:

1. Just follow the setup instructions in the docs
2. Open the command palette and start typing to notice it

Expected behavior

Actual Behaviour

Desktop (please complete the following information):

• OS: macOs
• Browser Chrome
• Version: Chrome: 103.0, macOs 12.4

[Just-Moh-it]

It's not that noticeable in the screenshots, but really stands out while typing stuff in the text box in an actual website

[harshhhdev]

I've done a comparison of the two, here are screenshots side by side of them. The only difference is the first one has a slightly larger font, which distorts the rendering a bit.

In the screenshot you have shown me, that's not a problem on kmenu's side -- it's a problem on your side. It's visible that the font in the input field is the default font, but the issue isn't with kmenu it's an issue with how browser styling works in-general.

By default, they do not inherit the font (the same is true with ALL form elements such as button or select), and that's something you can easily fix with some CSS. Just add in:

/* I'm assuming the font you showed me is Poppins, just replace it if it's not */
input, select, textarea, button{ font-family: 'Poppins', sans-serif; }

However, I think it's a good idea for me to put font-family: inherit in the CSS of kmenu.

[harshhhdev]

Fonts will be inherited by default on kmenu v1 🍾