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 }} {{?}} {{?}} <option value="{{= operator.type }}" {{? operator.icon}}data-icon="{{= operator.icon}}"{{?}}>{{= 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;
}