HC200ok / vue3-easy-data-table

A customizable and easy-to-use data table component made with Vue.js 3.x
MIT License
536 stars 105 forks source link

Incorrect use of for <label for=FORM_ELEMENT> for checkbox #302

Open ram-you opened 1 year ago

ram-you commented 1 year ago

Hi, here is the issue description: Chrome is reporting an error regarding the incorrect use of the

<div class="easy-checkbox">
  <input type="checkbox" class="noneSelected">
  <label for="checbox"></label>
</div>

Error message: "Incorrect use of

The current implementation of the label element is not properly associated with a form element ID. This can lead to accessibility issues and potential inconsistencies in form behavior.

To resolve this issue, the label element should be associated with a valid form element ID using the for attribute (the input tag).

Thank you for your attention to this matter.

julie-mn777 commented 1 year ago

hello, just write the code below :

<div class="easy-checkbox">
  <input type="checkbox" id ="checbox" class="noneSelected">
  <label for="checbox"></label>
</div>
antoniohuynh commented 1 year ago

for="checbox" is without K on checkbox on the label line