Description

The cursor behavior for the igx-switch component is inconsistent when hovering between the label and the switch. Instead of maintaining the pointer cursor, it reverts to the default cursor and despite this clicks in this area are still registered and change the state of the switch, which might confuse users.

• igniteui-angular version: ^17.0.0, ^18.0.0, ^19.0.0
• browser: any

Steps to reproduce

1. Add an igx-switch component with a label, for example:
   <igx-switch>Enable Feature</igx-switch>
2. Hover the mouse pointer over the area between the label and the switch control.

Result

The cursor changes from pointer to default when hovering in the area between the label and the switch control.

Expected result

The cursor should remain as pointer throughout the clickable region, including the gap between the label and the switch control, to ensure a consistent and intuitive experience.

Attachments