I have a datepicker control which uses three dropdowns, one for month, one 
for year, and one for day (for the sake of argument, ignore the existence 
of <input type="date"/>). Let's call this element <ted-datepicker>. I also 
have a label which, when clicked, should focus on the first part of the 
datepicker. The label is outside the control, so the HTML looks like this:

<label for="due-date">Due:</label>
<ted-datepicker id="due-date"></ted-datepicker>


I've been able to make this work by declaring a focus function in 
ted-datepicker which sets the focus imperatively, but that doesn't feel 
right. Setting autofocus on the select element spreads beyond the shadow 
root and steals focus on page load, so that's not it. Creating an on-focus 
event on the polymer-element results in that event being fired even when 
focus tries to shift inside the control (from month to day) which isn't 
what I'm after either. Is there a good way to do this, or do I need the 
function?

Thanks,
Ted

Follow Polymer on Google+: plus.google.com/107187849809354688692
--- 
You received this message because you are subscribed to the Google Groups 
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to