Weird inputSwitch with no handle

[johnhoang]

Hi,

I am having a problem using p-inputSwitch. It seems getting rendered differently without the handle.

Using in control template as:

Code: Select all

<p-inputSwitch name="measureUnit" [(ngModel)]="selectedItem.measureUnit" (onChange)="onUnitChanged($event)"></p-inputSwitch>

What I got in rendered html:

Code: Select all

<p-inputswitch name="measureUnit" ng-reflect-name="measureUnit" ng-reflect-model="true" class="ng-valid ng-dirty ng-touched">
  <div role="checkbox" class="ui-inputswitch ui-widget ui-inputswitch-checked" ng-reflect-ng-class="[object Object]" aria-checked="true">
    <div class="ui-helper-hidden-accessible">
      <input type="checkbox" name="measureUnit">
    </div>
    <span class="ui-inputswitch-slider"></span>
  </div>
</p-inputswitch>

It should be rendered similar to:

Code: Select all

<p-inputswitch class="ng-valid ng-dirty ng-touched">
  <div class="ui-inputswitch ui-widget ui-widget-content ui-corner-all ui-inputswitch-checked" style="width: 45px;">
    <div class="ui-inputswitch-off" style="width: 29px;">
      <span class="ui-inputswitch-offlabel" style="width: 25px; margin-right: -14px;">Off</span>
    </div>
    <div class="ui-inputswitch-on" style="width: 14px;">
      <span class="ui-inputswitch-onlabel" style="width: 25px; margin-left: 0px;">On</span>
    </div>
    <div class="ui-inputswitch-handle ui-state-default" style="width: 19px; left: 14px;"></div>
    <div class="ui-helper-hidden-accessible">
      <input aria-live="polite" readonly="readonly" type="checkbox" aria-label="InputSwitch On">
    </div>
  </div>
</p-inputswitch>

This does not happen with Ultima 5.2.4, PrimeNg 5, Angular 5 but with Ultima 6, Angular 6 and primeng 6. Any one know why?

Thanks.

[johnhoang]

I figured it out. It was because the primeng version 6.1.0. if I changed to version 6.0.0 it works again. Is there any version relation or contrainst between Primeng Ultima and Primeng version?

[merve7]

Yes, InputSwitch component is changed in PrimeNG 6.1. Ultima isn't compatible with PrimeNG 6.1 now but we will upgrade in next week.

[johnhoang]

Thanks merve7.