Custom Form Select - Label not translating

I have used the CMS Select and Custom Form Select library on the page, but when switching to Spanish, the dropdown “Filter by Type” is not translating to Spanish as I set it in the designer to “Filtrar por tipo”.

I believe it conflicts with Finsweet and Webflow language translation. As you can see when the page is loading the dropdown label changes to English.

Please take a look:

English: Screenshot by Lightshot
Spanish: Screenshot by Lightshot
Webflow link: Maximizing Child Care Resources | BuildUp Oregon

Hey @kevin2! This could be a Webflow localization issue, we could write a simple snippet that check if the URL has the /es/.

Should look something like this

<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'selectcustom',
    (selectInstances) => {
      console.log('selectcustom Successfully loaded!');

      if (window.location.href.includes('/es/')) {
        document.querySelector('.fs-select_text-1').textContent = 'Filtrar por Tipo';
      } else {
        document.querySelector('.fs-select_text-1').textContent = 'Filter by Type';
      }
    },
  ]);
</script>

Wrapped it in the callback so it only fires after the solution is loaded.

1 Like