Hi Kyle,

Thank you for reaching out to us.

Due to the way that the Checkbox component is implemented, the behavior that you are observing is expected. When the input element is clicked with the mouse, this triggers the "onChange" event of the input, which is then handled by the Checkbox component to update the value. The sequence of events in this scenario is the following:

• Input is clicked;
• Input value is changed;
• onChange is triggered;
• Checkbox handled onChange of the input and triggers its own onChange;
• Both values are the same.

However, when the keyboard is used for toggling the values, the sequence is completely different:

• Checkbox handles "keydown" event and if the spacebar is pressed, it stops the propagation of the event and calls preventDefault as well (which prevents the input element from changing its value);
• If the spacebar is pressed, within the keydown handler, the value of the Checkbox is changed programmatically (using setValue(e, !currentVal)). This toggles the value of the Checkbox itself and triggers the onChange event;
• Only after the value of the Checkbox component is changed (after the onChange event of the Checkbox fires), the input is then rendered with the new value, which is whey the values are different in this scenario.

For consistency, you should use the event.value only.

I am changing the status to "Won`t Fix", but if you provide more information on why this could be a problem and the exact scenario in which you need to compare both values, we might re-consider the status and change it accordingly. 

Regards,
Konstantin Dikov
Progress Telerik