Update TextField line height

radix-ui / design-system

Design system that was used by @modulz. It’s now archived and superceded by Radix Themes. (See https://github.com/radix-ui/themes)

https://design-system.modulz-deploys.com/

MIT License

2.28k stars 176 forks source link

Update TextField line height #349

Closed vladmoroz closed 3 years ago

vladmoroz commented 3 years ago

Chrome: fixes baseline position when emoji are used in the TextField
Chrome: fixes baseline position when TextField is positioned with % or vh margin
Safari: fixes 0.5px baseline misalignment, fixes clipped characters

Tests for posterity: https://ys2te.csb.app/ https://codesandbox.io/s/horrible-misalignment-wfhw9?file=/src/App.js

vercel[bot] commented 3 years ago

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/radix-ui/design-system/AhWNdDj9bNDEQitKCvxqx5dHMKC1
✅ Preview: https://design-system-git-vlad-textfield-line-height-radix-ui.vercel.app