Elm-select embraces RTL languages

It’s been cool to see elm-select being used in django projects now that it’s a widget in the django-elm framework, it’s meant some good bug fixes and features but also accessibility improvements.

It ‘kinda’ worked with rtl languages but there were certainly some dodgy styling going on that I had not addressed and was kindly asked to do make it a bit nicer.

So just thought I would share that it now looks and behaves decently when the rtl is set as the html’s mode.

elm-select-rtl

How to use

There is no setting for rtl, it just behaves as it should when the page’s language direction is set to rtl.

What it took

elm-select was created from the design perspective and inspiration of react-select but with the accessibility story of downshift.js. As a result a lot of the hard work was done in those projects which got mostly ported over to elm-select. This meant that ensuring the use of logical properties did 90% of the work to make everything look right.

If you need to support rtl languages and want a custom select, check out elm-select!

7 Likes

The adoption rate of CSS Logical Properties is growing and it’s good to see that elm-select supports it. Well done :clap:t2:

2 Likes

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.