Skip to content

Input border will missing its top part when using Typography.Paragraph inside Description #33316

@thisrabbit

Description

@thisrabbit
  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://codesandbox.io/s/antd-reproduction-template-forked-5kcfs?file=/index.js

Steps to reproduce

Inside the reproduction sandbox:

  1. click edit icon button in first row, where it's a Description with label Test would failed.

What is expected?

Edit input box should be full width as parent component (description content's width) and the input box should be displayed fully.

What is actually happening?

  • Input box's width is much shorter that expected (should be 100% width as parent);
  • also the upper part of the border of input box is missing (maybe cut by wrapped element) (only in first Item in Descriptions);
  • the colon : of Description.Item's label will be overlapped by the input border.
Environment Info
antd 4.17.3
React 17.0.2
System macOS 12.0.1
Browser safari latest & chrome latest

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions