I have an input box located on a "card" that is deeply nested in multiple classes. I want to be able to allow a user to save their input when the input box loses focus, essentially allowing a click anywhere else on the card to save the current value of the input box. Currently this behavior works only if I click completely outside the card and list of cards area. How can I make it so clicking anywhere outside of the input field allows for the current value to be saved? I am using jQuery, Kendo, and typescript