Skip to content

Text Field padding is not consistent with Primer React implementation #3802

@myabc

Description

@myabc

To reproduce:

  1. Visit the following Lookbook page:

  2. Visit each of the following pages in Storybook:

  3. Fill in text. Compare.

Actual behavior

The left padding (distance from input text/cursor to input border) differs.

Expected behavior

The padding is (more or less) the same.

Details

Expected padding

Detailed comparison

Size React Padding PVC Padding Difference
LARGE 14.00 px 13.98 px 0.02 px (identical)
MEDIUM 13.86 px 10.30 px 3.56 px less padding in PVC
SMALL 14.00 px 13.88 px 0.12 px (identical)
Visual comparison of padding differences

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions