fix: target input element specifically for mat-checkbox click({force:true})

Clicking the mat-checkbox host with force:true regressed tests because
it hits the zero-size label. Target the native input element directly
instead, which has proper coordinates within the .mdc-checkbox overlay.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: renemadsen

eform-client/playwright/e2e/plugins/items-planning-pn/ItemsPlanningPairingPage.ts

@@ -142,16 +142,16 @@ export class PairingRowObject {
     clickCancel = false
   ) {
     if (clickOnPairRow) {
-      await this.pairRowForClick.click({ force: true });
+      await this.pairRowForClick.locator('input').click({ force: true });
       await this.page.waitForTimeout(500);
       if ((await this.pairRow.locator('input').isChecked()) !== pair) {
-        await this.pairRowForClick.click({ force: true });
+        await this.pairRowForClick.locator('input').click({ force: true });
         await this.page.waitForTimeout(500);
       }
     } else {
       for (let i = 0; i < this.pairCheckboxesForClick.length; i++) {
         if ((await this.pairCheckboxes[i].locator('input').isChecked()) !== pair) {
-          await this.pairCheckboxesForClick[i].click({ force: true });
+          await this.pairCheckboxesForClick[i].locator('input').click({ force: true });
           await this.page.waitForTimeout(500);
         }
       }
@@ -164,7 +164,7 @@ export class PairingRowObject {
     indexDeviceForPair: number,
     clickCancel = false
   ) {
-    await this.pairCheckboxesForClick[indexDeviceForPair].click({ force: true });
+    await this.pairCheckboxesForClick[indexDeviceForPair].locator('input').click({ force: true });
     await this.page.waitForTimeout(1000);
     await this.pairingPage.savePairing(clickCancel);
   }
@@ -216,16 +216,16 @@ export class PairingColObject {
     clickCancel = false
   ) {
     if (clickOnPairRow) {
-      await this.pairColForClick.click({ force: true });
+      await this.pairColForClick.locator('input').click({ force: true });
       await this.page.waitForTimeout(500);
       if ((await this.pairCol.locator('input').isChecked()) !== pair) {
-        await this.pairColForClick.click({ force: true });
+        await this.pairColForClick.locator('input').click({ force: true });
         await this.page.waitForTimeout(500);
       }
     } else {
       for (let i = 0; i < this.pairCheckboxesForClick.length; i++) {
         if ((await this.pairCheckboxes[i].locator('input').isChecked()) !== pair) {
-          await this.pairCheckboxesForClick[i].click({ force: true });
+          await this.pairCheckboxesForClick[i].locator('input').click({ force: true });
           await this.page.waitForTimeout(500);
         }
       }

eform-client/playwright/e2e/plugins/items-planning-pn/ItemsPlanningPlanningPage.ts

@@ -211,8 +211,8 @@ export class ItemsPlanningPlanningPage extends PageWithNavbarPage {
 
   async selectAllPlanningsForDelete(valueCheckbox = true, pickOne = false) {
     if (!pickOne) {
-      // Use force:true to fire a trusted click on the mat-checkbox even if visually hidden
-      await this.selectAllPlanningsCheckbox.click({ force: true });
+      // Click the hidden native input with force — fires a trusted click event
+      await this.selectAllPlanningsCheckbox.locator('input').click({ force: true });
       await this.page.waitForTimeout(1000);
     } else {
       const plannings = await this.getAllPlannings(0, false);
@@ -452,7 +452,7 @@ export class PlanningRowObject {
   async clickOnCheckboxForMultipleDelete(valueCheckbox = true) {
     const isChecked = await this.checkboxDelete.locator('input').isChecked().catch(() => false);
     if (isChecked !== valueCheckbox) {
-      await this.checkboxDelete.click({ force: true });
+      await this.checkboxDelete.locator('input').click({ force: true });
       await this.page.waitForTimeout(500);
     }
   }