div, that expands on focus, with nested input element. How to make div expansion persist on input focus?
<p>I have a div with a <code>tabindex</code> attribute that lets it receive focus, and when it does so, it is expanded (to display a few different options) through a JS event listener assigning it the class <code>focus</code>. Now, nested within the div is a text input (used to let the user specify a custom value instead of the default options), and when that receives focus, the div triggers a blur event, but I don't want the div to be shrunken when this happens.</p>

<p>How would you go about solving this?</p>

<p><em>Ideally, the blur event for the input element would also determine if the div is the new active element and in that case not shrink the div.</em></p>
