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