Skip to content

Add language dialog mislocated in RTL environment

Steps to reproduce

Variant 1

  1. Open options page
  2. Change <html dir="ltr"> in desktop-options.html iFrame to <html dir="rtl">
  3. Click on "+ Add a language" button

Variant 2

  1. Use browser with RTL locale
  2. Open options page
  3. Click on "+ Add a language" button

Variant 3

  1. Run mock server
  2. Open desktop-options.html?locale=ar
  3. Click on "+ إضافة لغة" button

Observed behavior

Dialog opens outside of the viewport to its left.

Expected behavior

Dialog opens above the button as it does when using the options page in LTR locales.

Edited by Thomas Greiner
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information