Skip to content

[ChoiceGroup With Icon] Text overflow when label of choice group item is big #3623

Description

@aadhars

Bug Report

  • Package version(s): latest
  • Browser and OS versions: All OS

Priorities and help requested (not applicable if asking question):

Requested priority: (Blocking, High, Normal, Low) : High

Products/sites affected: (if applicable) VSTS

Describe the issue:

When the label of choice group item is big the choice group clips the label for that item.
image

Actual behavior:

Width and height of choice group item should not be fixed. If we use imageSrc it work fine as there is no pre set height and width.

Here is the code which causes issue:
https://github.com/OfficeDev/office-ui-fabric-react/search?utf8=%E2%9C%93&q=choiceFieldIsIcon&type=

https://github.com/OfficeDev/office-ui-fabric-react/search?utf8=%E2%9C%93&q=ms-choiceField-iconField-size&type=

Expected behavior:

Width of item should increase and not be constrained to 96 px

If applicable, please provide a codepen repro:

Metadata

Metadata

Assignees

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions