[Bug] Additional spacing under TextField when it has abundant text

[aswamy]

Summary

Seems like when this media query is satisfied @media (min-width: 48em), we have a lot of spacing at the bottom of the TextField box. My hunch is it's because the line-height is being capped. This problem grows with more text inside the TextField component.

Created a codesandbox here: https://codesandbox.io/p/sandbox/awesome-gianmarco-m6r7nh?file=%2FApp.tsx

Expected behavior

The extra spacing under the TextField should not exist.

Actual behavior

The extra spacing does exist and grows as you add more text.

Steps to reproduce

Link to sandbox

Are you using React components?

None

Polaris version number

latest

Browser

Chrome

Device

MacOS

[github-actions]

Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.