Skip to content

Textarea inconsistent padding #8158

@amberzaragoza

Description

@amberzaragoza

Dependencies check up

  • I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

8.2.4

What package has an issue?

@mantine/core

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Other, I will specify in the bug description

Describe the bug

I noticed in my app that the padding on the top of the textarea was gone. I checked to see if I had any CSS overriding it, but then I noticed that the issue appears on the documentation as well.

In the top example, it has the proper padding, but in the subsequent examples, the issue is apparent.

I checked in Chrome, Brave, Edge, and Firefox. I'm unable to check Safari, as I don't have a Mac.

Image Image

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

When I check the developer tools, it shows that the variable --input-padding-y is undefined. It could be an issue in the core CSS file.

Image

Self-service

  • I would be willing to implement a fix for this issue

Metadata

Metadata

Assignees

No one assigned

    Labels

    FixedCompleted issues that will be published with next patch (1.0.X)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions