Unchecked Checkboxes inside small container shrink

[beauwest]

Describe the bug
Checkboxes inside of a small-width container, with multiple words in the label, cause the unchecked style to be an incorrect width.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Checkbox demo
2. Remove the min-width from the responsive container
3. Add multiple words to the label of the checkbox
4. Resize the container to a small width

Expected behavior
The label text adjusts, but the unchecked checkbox does not shrink.

Screenshots

Desktop (please complete the following information):

• OS: macOS 11.2
• Browser: Chrome
• Version 88.0.4324.150

Thank you!

[claviska]

Thanks for reporting this. The fix will be released in the next beta. If this is blocking you, use this in the meantime:

sl-checkbox::part(control) {
  flex: 0 0 auto;
}

[beauwest]

Awesome, thank you Cory! It's non-blocking, just came across it in my app. Appreciate all the work you're doing on this project.