[Question] why im getting different behaviour when using chrome vs safari and firefox ?

I have the following scenario that im trying to automate, change main page language e.g italian then in seach input use an english keyword and expect to get italian suggested options

the scenario is working fine manually against all browser but when i automate it it works fine when using chrome, but for webkit and firefox its not, i keep getting english item results instead of getting items with same selected language.

i have tried to reload page after switching the language, delay the typing speed to give time for API to return the proper value but no use.

any idea what could be the reason ?, unfortunately will not be able to share the project

    test('User can search for a canton using EN/DE/FR lang while selected lang is IT', async ({ page, landingPage }) => {
        await page.goto(path.it.landingPage, { waitUntil: "load" })
        await landingPage.searchForCity('zurich')
        await expect.soft(page.locator('text=Zurigo (ZH) >> nth=0')).toBeVisible();
        await landingPage.searchForCity('Zürich')
        await expect.soft(page.locator('text=Zurigo (ZH) >> nth=0')).toBeVisible();
        await landingPage.searchForCity('Genève')
        await expect.soft(page.locator('text=Ginevra (GE) >> nth=0')).toBeVisible();
    });

[aslushnikov]

@amrsa1 new week has started and I’m the new triager now! Can you please add me to your repo so that I can try it out?

[aslushnikov]

Investigation has shown that certain websites behave differently if we define locale explicitly as en-US. To fix this behavior, the locale can be reset to '':

The following fixed all the tests:

use: {
  locale: '',
}