Login: "Remember me" label not clickable
danimo opened this issue · comments
As per Fitts law, the clickable area for the checkbox should be optimized. However, when clicking the "Remember me" label, the checkbox doesn't change state.
![image](https://private-user-images.githubusercontent.com/1315934/323157202-0bed49a6-7b8f-4847-937e-75badbb86d83.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTU2MDAwNzYsIm5iZiI6MTcxNTU5OTc3NiwicGF0aCI6Ii8xMzE1OTM0LzMyMzE1NzIwMi0wYmVkNDlhNi03YjhmLTQ4NDctOTM3ZS03NWJhZGJiODZkODMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDUxMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA1MTNUMTEyOTM2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjExMGRiMzM5YTZhMzA3MWViMzgwZTM5YmY1Y2RhODEyMjk2ZDEyNTY3MWJhZmIzMGJhZGM5ODkxMDUzNzBmMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.m_jhArdzO_PYBx8aorfywSGaffNWwBiW1OEFFxMcEv0)
Suggested fix: specify an ID for the checkbox, and reference it in the label via the "for" property. I don't know how to do this in React, but it works when applied in the developer console.
Thanks Daniel -- good suggestion.