Grrrr - this works on Chrome - but not IE 11

On Tuesday, August 11, 2015 at 5:50:35 PM UTC-5, Tim Wheeler wrote:
>
> I have 5 listboxes that act as filters to another resultset.  If I set the 
> size="10" in the select element, some listboxes will randomly not accept a 
> click event.  It is usually the same ones but not always.
>
> this code always works:
> <table>
>                     <tr style="vertical-align:top">
>                         <td>
>                          <div class="headProduct">Primary Product</div>
>                             <select ng-model="selectedProduct" 
> ng-options="product.Title for product in products" class="selectFilter" 
> ></select>
>                         </td>
>                         <td>
>                          <div class="headWorkload">Workload</div>
>                             <select class="selectFilter" 
> ng-model="selectedWorkload" ng-options="workload.Title for workload in 
> workloads"></select>
>                         </td>
>                         <td>
>                          <div class="headOfferingType">Offering Type</div>
>                             <select class="selectFilter" 
> ng-model="selectedOfferingType" ng-options="offering.Title for offering in 
> offeringtypes"></select>
>                         </td>
>                         <td>
>                          <div class="headSector">Sector</div>
>                             <select class="selectFilter" 
> ng-model="selectedSector" ng-options="sector.Title for sector in 
> sectors"></select>
>                         </td>
>                         <td>
>                          <div class="headIndustry">Industry</div>
>                             <select class="selectFilter" 
> ng-model="selectedIndustry" ng-options="industry.Title for industry in 
> industries"></select>
>                         </td>
>                     </tr>
>                 </table>
>
> but if I do the code below - it is problematic.  The only difference is 
> the size="10".
>
> Any Ideas?
>
> <table>
>  <tr style="vertical-align:top">
>   <td>
>    <select size="10" class="selectFilter" ng-model="selectedProduct" 
> ng-options="product.Title for product in products"></select>
>   </td>
>   <td>
>    <select size="10" class="selectFilter" ng-model="selectedWorkload" 
> ng-options="workload.Title for workload in workloads"></select>
>   </td>
>   <td>
>    <select size="10" class="selectFilter" ng-model="selectedOfferingType" 
> ng-options="offering.Title for offering in offeringtypes"></select>
>   </td>
>   <td>
>    <select size="10" class="selectFilter" ng-model="selectedSector" 
> ng-options="sector.Title for sector in sectors"></select>
>   </td>
>   <td>
>    <select size="10" class="selectFilter" ng-model="selectedIndustry" 
> ng-options="industry.Title for industry in industries"></select>
>   </td>
>  </tr>
> </table>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to