mantine icon indicating copy to clipboard operation
mantine copied to clipboard

Some style differences/issues with TextInput and MultiSelect

Open josch0 opened this issue 3 years ago • 1 comments

What package has an issue

@mantine/core

Describe the bug

I use TextInput and MultiSelect together in one form. I noticed that both inputs look different.

  • Placeholders have different font styles
  • Inputs have different heights
  • Placeholder in MultiSelect is not centered

(See Codesandbox-Example)

ScreenShot using current Edge Browser: image

What version of @mantine/hooks page do you have in package.json?

5.0.2

If possible, please include a link to a codesandbox with the reproduced problem

https://codesandbox.io/s/hungry-khorana-bw26vo

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

No

Possible fix

No response

josch0 avatar Aug 02 '22 13:08 josch0

Thanks for reporting

rtivital avatar Aug 02 '22 14:08 rtivital

This is caused by the line-height: 1.15 on the input element. Works fine in Firefox, only visible in Chrome/Edge

wes337 avatar Aug 18 '22 06:08 wes337

Thanks for investigation, it is also an issue only on Windows – works correctly in Chrome on macos

rtivital avatar Aug 18 '22 06:08 rtivital