Skip to content

[OptionList] inconsistent alignment of check boxes with ChoiceList #1310

@jim-chou-shopify

Description

@jim-chou-shopify

Issue summary

Closes https://github.com/Shopify/marketing-technology/issues/3973.

Currently, items that are two lines have the checkboxes vertically aligned to the middle of the text. They should be aligned to the top to be consistent with ChoiceList.

Expected behavior

Top align checkbox
Screen Shot 2019-04-02 at 1 33 45 PM

Actual behavior

Screen Shot 2019-04-02 at 11.57.43 AM.png

Steps to reproduce the problem

  • Provide long text to option in OptionList

Reduced test case

https://codesandbox.io/embed/q544vm26w

Specifications

  • Are you using the React components? (Y/N): Y
  • Polaris version number: 3.12.0
  • Browser: Chrome
  • Device: Mac pro laptop

@supervee

Metadata

Metadata

Assignees

Labels

BugSomething is broken and not working as intended in the system.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions