zendeskgarden/react-components

Checkbox RTL formatting

Closed this issue · 1 comments

joannewuhoo commented

Expectations

For RTL languages, Checkbox should render the checkbox to the right of the label.

Reality

For RTL languages the checkbox is to the left of the label

Screenshot 2023-03-17 at 2 11 30 PM

Steps to Reproduce

  1. Log in to staging
  2. Go to admin/objects-rules/custom-objects/objects
  3. Select an object
  4. Change the locale to arabic by adding ?locale=ar to the end of the URL
  5. Click the Action dropdown in the top left
  6. Click the red delete option

Fine Print

  • Component: Checkbox
  • Version: ^8.44.0
  • Browsers: all
joannewuhoo commented

Just kidding -- apparently the theme was empty because the modal was rendering outside the iFrame. Adding a ThemeProvider resolves the issue!