View exposed filter offers tagify but does not work with address fields

I've tried via form alter but that didn't work.

function bluecheese_form_alter(&$form, FormStateInterface $form_state, $form_id) {
  if ($form_id === 'views_exposed_form') {
    $form['offices']['#type'] = 'select_tagify';
  }
}

I've also tried via custom JS, and while that rendered the element, it didn't fully connect it to the actual input:

      const selectEl = context.querySelector('select[name="officessss[]"]');
      if (selectEl && !selectEl.classList.contains('tagify-initialized')) {
        new Tagify(selectEl, {
          mode: 'multi', // or 'select' depending on your need
          enforceWhitelist: true,
          whitelist: [...selectEl.options].map(o => ({ value: o.value, label: o.text }))
        });
        selectEl.classList.add('tagify-initialized');
      }

In this case, the tagify field works (though it renders the values instead of the labels) but it does NOT update the underlying field.

This code made it work (with help from claude), for reference:

(function ($, Drupal, once) {
  Drupal.behaviors.tagifyExposedFilter = {
    attach: function (context, settings) {
      once('tagify-exposed', 'select[name="offices[]"]', context)
        .forEach(function (selectEl) {
          const whitelist = [...selectEl.options]
            .filter(o => o.value !== '')
            .map(o => ({ value: o.text, id: o.value }));

          // Grab any already-selected options
          const preselected = [...selectEl.options]
            .filter(o => o.selected && o.value !== '')
            .map(o => ({ value: o.text, id: o.value }));

          const tagifyInput = document.createElement('input');
          tagifyInput.type = 'text';
          selectEl.insertAdjacentElement('afterend', tagifyInput);
          selectEl.style.display = 'none';

          const tagify = new Tagify(tagifyInput, {
            enforceWhitelist: true,
            whitelist: whitelist,
            dropdown: {
              searchKeys: ['value']
            }
          });

          // Pre-populate Tagify with already selected values
          if (preselected.length > 0) {
            tagify.addTags(preselected);
          }

          tagify.on('change', function () {
            const selectedIds = tagify.value.map(tag => tag.id);
            [...selectEl.options].forEach(option => {
              option.selected = selectedIds.includes(option.value);
            });
          });
        });
    }
  };
})(jQuery, Drupal, once);

I don't think this is a proper patch or fix so I'm not attempting to create an MR for it, just putting here as reference.

Ideally, the hook form alter would have been great, or calling any sort of api function at that level that will do all the wiring.

The code looks good and covers what was missing (as far as I can see). I tested the MR and it works perfectly, I no longer need to add the above JS code.

Marking this RTBC.

Tagify is offered now where it wasn't before but it's NOT offered where it was before.

The "tagify" option does not appear now for normal exposed vocabulary fields set as dropdown.

It does appear when set as "autocomplete", but not as "dropdown".

However, I am not sure if it's due to this issue or if it's a separate non-related issue. I'll let you debug just in case. I'm happy to create a separate issue if needed.

If this is not brought by this issue, this one can be back to RTBC.

Not related to this.