Operator selector rendering issue when there is only one operator

[nemphys]

When a rule has just one operator, both a label and a select is rendered as operator selectors. This is due to the template:

QueryBuilder.templates.operatorSelect = '\ {{? it.operators.length === 1 }} \ \ {{= it.translate("operators", it.operators[0].type) }} \ \ {{?}} \ <------- having "else" here would fix the problem {{ var optgroup = null; }} \

\ {{~ it.operators: operator }} \ {{? optgroup !== operator.optgroup }} \ {{? optgroup !== null }}{{?}} \ {{? (optgroup = operator.optgroup) !== null }} \ \ {{?}} \ {{?}} \ {{= it.translate("operators", operator.type) }} \ {{~}} \ {{? optgroup !== null }}{{?}} \ ';

[akshit-arora]

This is not an issue. The select dropdown should be hidden when only one operator is added.

The select element has a code class="form-control {{? it.operators.length === 1 }}hide{{?}}" that should add hide class in the select element.

Add the following CSS as mentioned in the 'No Bootstrap' page to get it working:

.query-builder .hide {
  display: none;
}