Issues with RTL languages about docusaurus-search-local HOT 7 CLOSED

Can you share a link or screenshot?

from docusaurus-search-local.

Can you share a link or screenshot?

I changed the docusaurus to be RTL and the search bar is doing this weird behavior once I hover over it

This is the best screenshot I can get because I'm running it on an offline environment.

from docusaurus-search-local.

What's the relevant docusaurus config or css styles like, that you implement RTL?

from docusaurus-search-local.

OK, I reproduced the issue by setting:

i18n: {
  // ...
  localeConfigs: {
      en: {
        direction: "rtl",
      }
    }
}

from docusaurus-search-local.

I'm not familiar with RTL languages, especially how to render a text input, is it ok to make the search bar appear the same as LTR?

from docusaurus-search-local.

I'm not familiar with RTL languages, especially how to render a text input, is it ok to make the search bar appear the same as LTR?

When using RTL languages the search bar is usually mirrored (in comparison to LTR) so the magnifying glass is on the opposite side and the text is forced RTL so any css configurations will set the dir/direction to be rtl rather than ltr/auto, but since this project is for a search bar for docusaurus I suppose keeping it the same as LTR would be fine, as long as I don't get the weird behavior, for now I'm running a script on my website that forces the input's dir to be rtl when you hover over it (basically canceling whatever causes this glitch)

from docusaurus-search-local.

Fixed in 0.44.2

from docusaurus-search-local.