datalist marker

[karolskolasinski]

What version of Tailwind CSS are you using?

^4.1.10

What build tool (or framework if it abstracts the build tool) are you using?

Next.js 15.3.4

What version of Node.js are you using?

v24.3.0

What browser are you using?

Chrome

What operating system are you using?

Linux

Describe your issue

the marker is not centered - it depends on the font family

Temporary solution:

    input::-webkit-calendar-picker-indicator {
        font: initial;
    }

[thecrypticace]

Looks like it's just the line height that's causing this so setting it to 1 seems to re-center the rendered marker.

Testing playground for this change: https://play.tailwindcss.com/jzT35CRpr0

[thecrypticace]

Aside: it's super weird that a data list uses ::-webkit-calendar-picker-indicator for a pseudo element but it absolutely does 🤷‍♂️