canvas-kit icon indicating copy to clipboard operation
canvas-kit copied to clipboard

Checkbox does not truncate long labels

Open ofalsap opened this issue 5 years ago • 1 comments

🐛 Bug Report

The label in the Checkbox component does not truncate long text when it is used inside a div with a specified width. The label is a prop of the Checkbox component. The Checkbox component may benefit to have an optional width props. I am happy to work on a fix for this if you think my suggestion is feasible.

To Reproduce

Steps to reproduce the behavior: Try to have a long text label in the Checkbox component used in a div.

Expected Behavior

If the width prop has been set up : the long label of the Checkbox component will truncate .

If the width prop has NOT been set up: the long label of the Checkbox component will over flow.

Actual Results

The label in the Checkbox component does not truncate long text when in a div with specific width.

Error Output

Screenshot 2020-03-12 at 10 45 17

ofalsap avatar Mar 11 '20 17:03 ofalsap

This is what I see: image

Codesandbox link: https://codesandbox.io/s/sad-dawn-i6whr

Does your application override the wrapping of the checkbox?

NicholasBoll avatar Jan 19 '22 22:01 NicholasBoll

Can't reproduce & inactive issue.

jaclynjessup avatar Sep 08 '22 21:09 jaclynjessup