From f60ee69b82b1ae393189f4326603fa7973c40bc0 Mon Sep 17 00:00:00 2001
From: Alfonso Salces <alfonso.salces@moodle.com>
Date: Thu, 13 Oct 2022 15:37:01 +0200
Subject: [PATCH] MOBILE-4081 site-preferences: Split change ngClass usage to
 avoid undefined class error

---
 src/core/features/settings/pages/site/site.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/core/features/settings/pages/site/site.html b/src/core/features/settings/pages/site/site.html
index 74f0eb710..6bf84a18a 100644
--- a/src/core/features/settings/pages/site/site.html
+++ b/src/core/features/settings/pages/site/site.html
@@ -17,9 +17,9 @@
         </ion-refresher>
         <core-loading [hideUntil]="handlers.loaded">
             <ion-list>
-                <ion-item *ngFor="let handler of handlerItems" [ngClass]="['core-settings-handler', handler.class]"
-                    [attr.aria-label]="handler.title | translate" (click)="handlers.select(handler)" [button]="!handler.toggle"
-                    [detail]="!handler.toggle" [attr.aria-current]="handlers.getItemAriaCurrent(handler)">
+                <ion-item *ngFor="let handler of handlerItems" class="core-settings-handler" [ngClass]="handler.class"
+                    [attr.aria-label]="handler.title | translate" (click)="!handler.toggle && handlers.select(handler)"
+                    [button]="!handler.toggle" [detail]="!handler.toggle" [attr.aria-current]="handlers.getItemAriaCurrent(handler)">
                     <ion-icon [name]="handler.icon" slot="start" *ngIf="handler.icon" aria-hidden="true">
                     </ion-icon>
                     <ion-label>