Collection Page Cache Issue When Filter Using Meta Fields

We are facing strange issue on filtering collections based on metafield.

[Reference Question]

Issue: On develop theme collection filter work fine, but when we move this develop theme to the production (published) theme it stop working.

We are able to replicated the same on other test store as well which details are as below,

Production mode

  1. https://nawabari-virtual-office.myshopify.com/
  2. https://nawabari-virtual-office.myshopify.com/collections

Development mode

  1. https://nawabari-virtual-office.myshopify.com/?preview_theme_id=162765603138
  2. https://nawabari-virtual-office.myshopify.com/collections

you can see dropdown values get updated and selected correctly only on development mode and on production mode it shows only default option

Password of the store is cache-issue

When you change dropdown on production theme collection filter will not work but it work on development mode theme perfectly, one more thing we noticed is as below,

It only work one time and that is when we change code from admin and reload the page, but then after it stop working.

Note: we can not use storefront-filter api because current theme does not provide support for such filter and that is reason we need to came up with custom filter.