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.
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!