saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
https://daisyui.com
MIT License
34.13k stars 1.3k forks source link

bug: Emojis get cut off in input on Safari #3260

Open abegehr opened 2 weeks ago

abegehr commented 2 weeks ago

What version of daisyUI are you using?

v4.12.14

Which browsers are you seeing the problem on?

Safari

Reproduction URL

https://daisyui.com/components/input-group/

Describe your issue

Typing some emojis (πŸ’¬πŸš€πŸ†™) in a basic input field, like the ones in the DaisyUI docs, causes them to be slightly vertically cut off:

Screenshot 2024-11-01 at 23 04 50

(you can see the chat bubble bet slightly cut of at the bottom tip and top side, also the "Up!" box is cut off slightly on the top and bottom)

On Chrome it's fine:

Screenshot 2024-11-01 at 23 05 08
github-actions[bot] commented 2 weeks ago

Thank you @abegehr for reporting issues. It helps daisyUI a lot πŸ’š
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

saadeghi commented 2 weeks ago

Can you provide a Tailwind Play link?

nilaygit-10721 commented 2 weeks ago

can you assign me this issue

saadeghi commented 2 weeks ago

@nilaygit-10721 Yes but can you reproduce the issue, because I wasn't able to see the problem.