title: SetFocusOnError doesn't work properly
body: <p>the problem I have is that I have a form (asp.net form) and some of the fields (most of them) have RequiredFieldValidator. Now I also set SetFocusOnError="true" on all of them and it works fine for all but dropdowns. Let me define fine: after clicking on the Submit button while one of the fields is left blank, browser scrolls up to the empty field. In case of dropdowns the error message is indeed displayed properly next to the field however browser will not scroll up the screen to the field. I've read similar questions on stack overflow so far and they all come to "use JavaScript for this", but my problem is that I want to use asp.net property for this. If it's there it's supposed to work, right? Unless I do it wrong. Here comes the code for one of the working fields:</p>
  
  <pre><code>&lt;div class ="row"&gt;
              &lt;div class="three columns medium" align="right"&gt;
                  &lt;label&gt;Email *&lt;/label&gt;
              &lt;/div&gt;
              &lt;div class="three columns large"&gt;
                  &lt;asp:TextBox ID="Email" runat="server"&gt;&lt;/asp:TextBox&gt;
              &lt;/div&gt;
              &lt;div class="six columns large"&gt;
                  &lt;asp:RequiredFieldValidator ID="EmailRequired" ControlToValidate="Email"
                      ErrorMessage="Please provide us your email address" forecolor="Red" SetFocusOnError="true" runat="server" /&gt;&lt;br /&gt;
                  &lt;asp:RegularExpressionValidator ID="EmailFormat" ControlToValidate="Email"
                      ErrorMessage="Please provide us valid e-mail address" ValidationExpression="^[^\s@]+@[^\s@]+$" forecolor="Red" runat="server" /&gt;
              &lt;/div&gt;   
          &lt;/div&gt;
  </code></pre>
  
  <p>and here's a sample of not working focus:</p>
  
  <pre><code>&lt;div class ="three columns medium" align="right"&gt;
              &lt;asp:DropDownList class="dropdown expand" ID="Location" runat="server"&gt;
                  &lt;asp:ListItem
                      Enabled="True"
                      Text="Please choose the office location... *"
                      Value=""
                  /&gt;
                  &lt;asp:ListItem
                      Enabled="True"
                      Text="City1"
                      Value="City1"
                  /&gt;
                  &lt;asp:ListItem
                      Enabled="True"
                      Text="City2"
                      Value="City2"
                  /&gt;
                  &lt;asp:ListItem
                      Enabled="True"
                      Text="City3"
                      Value="City3"
                  /&gt;
              &lt;/asp:DropDownList&gt;
          &lt;/div&gt;
          &lt;div class ="six columns large"&gt;
              &lt;asp:RequiredFieldValidator ID="LocationRequired" ControlToValidate="Location"
                  ErrorMessage="Please select the office location" forecolor="Red" SetFocusOnError="true" runat="server" /&gt;
          &lt;/div&gt;
      &lt;div class ="three columns large"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is my code wrong or am I expecting the wrong thing from it?</p>