Multiple sortBySelector interfere with each other

[hcarreras]

I want to sort my orders by multiple attributes. I've created replicas for my primary index:

Then, on my js (coffeescript), I use instantsearch for adding multiple sortBySelectors:

  search.addWidget(
    instantsearch.widgets.sortBySelector
      container: '#sortBySelectorUserName'
      indices: [
        { name: 'Order_development', label: 'User name' },
        { name: 'order_user_name_asc', label: 'User name asc' },
        { name: 'order_user_name_desc', label: 'User name desc' }
      ],
      cssClasses:
        select: ['sort-by']
  )

  search.addWidget(
    instantsearch.widgets.sortBySelector
      container: '#sortBySelectorCustomerName'
      indices: [
        { name: 'Order_development', label: 'Customer name' },
        { name: 'order_customer_name_asc', label: 'Customer name asc' },
        { name: 'order_customer_name_desc', label: 'Customer name desc' }
      ],
      cssClasses:
        select: ['sort-by']
  )

Unfortunately, when I change one of the dropdowns, the other one gets affected as well:

How can I keep the label name on the other dropdowns while sorting?
Perhaps I'm missing a key concept?

[bobylito]

The widget doesn't support multiple instance the way you're doing it because they are not aware of the others and the default behaviour. Maybe you can work around that by implementing a custom widget using the connectSortBySelector connector?

[bobylito]

I'll close this one for now. Thanks for your contribution @hcarreras Don't hesitate to open a new issue if you have other questions or if you want to report other shortcomings.