The CompactPeoplePicker field shrinks in height a bit when a Persona is selected.

[belozerovany]

Environment Information

• Package version(s): (7.0.1)
• Browser and OS versions: (all)

Please provide a reproduction of the bug in a codepen:

codepen: https://codepen.io/belozerovany/pen/LYNzRvY?editors=0010

Actual behavior:

The CompactPeoplePicker field shrinks in height a bit when a Persona is selected.

Problem is in {itemLimit=1}. When we set this property div(.ms-BasePicker-text) change own height by a child element. When we do not use itemLimit div`s height depend on the supplementary element "input" wish added for the next select.

Expected behavior:

The CompactPeoplePicker field should not shrinks in height a bit when a Persona is selected.

Priorities and help requested:

Are you willing to submit a PR to fix? No

Requested priority: High

Products/sites affected: Products

[paulgildea]

@belozerovany Thanks for the feedback!

@miroslavstastny - Determine if this repo-ing in the latest version. We may have already fixed this.

[miroslavstastny]

@paulgildea I can repro with the latest office-ui-fabric-react@7.136.0. Will debug more.

[miroslavstastny]

Reassigning to @joschect.

The problem occurs not only when itemLimit=1 but whenever the limit is reached. This also affects cases when the input is multiline. The following example is with itemLimit=3:

[msft-fluent-ui-bot]

Because this reported issue has not had any activity for over 180 days, we're automatically closing it for house-keeping reasons.

Still require assistance? Please, create a new issue with up-to date details and latest version of Fluent.