Alignment issue in search field

Contribute UX
,

AI-generated summary

Alignment issue in search field

Kumandan is experiencing an alignment problem with the search field after recent updates. Arkshine suggests resetting the search_button_text setting to solve the issue, which Kumandan has already tried without success.

After inspecting the code, Arkshine finds that the translation is used in a <span> in the discourse-search-banner repository. Arkshine suspects that the issue is due to the translation being defined in English locale, but Kumandan has been using it in Turkish without issues for two years.

The problem is identified as a side-effect of a pull request PR #44 and Arkshine advises removing the text defined for search_button_text in the English locale as a temporary solution.

The issue is eventually fixed with an update, as confirmed by Kumandan, and Arkshine provides a reference to the fix made by Jordan in PR #45.

1

Hello community
I’ve been having an alignment problem with the search field with the latest updates. I thought it would be solved with the next updates, but for about 2 weeks now the search field has been looking like this. Any solution suggestions would be appreciated.

image
image1374×220 72.3 KB

2

Hello :wave:,

Try to reset this setting (meaning, no value):

image
image632×106 2.63 KB

There is a UX issue when search_button_text is used.

3

image
image696×124 1.58 KB

Thanks for the suggestion but I’ve been using it this way all the time

4

That’s odd :thinking: . This is not what I see on your HTML:

image
image1037×556 42.2 KB

Looking at the code, the translation is used in that <span>:

5

I think you defined this translation in English locale, but you currently use another language. :thinking:

I can see it:

image
image327×240 4.38 KB

6

Yes, the language is Turkish, but I have been using it this way for 2 years and did not experience any problems. Where could I have gone wrong?

7

This is a side-effect of this PR:

https://github.com/discourse/discourse-search-banner/pull/44

8

As far as I understand, we need to wait for an update regarding this issue ?

1 Like
9

This is an issue that needs to be addressed, yes.

For now, you can make it less messy by removing the text you defined for search_button_text in the English locale.

3 Likes
11

I just saw that the problem was solved with the update, thank you.

2 Likes
12

For reference, fixed by Jordan here: :+1:

https://github.com/discourse/discourse-search-banner/pull/45

4 Likes