如何在点击Chrome时停止多个选择选项跳到列表顶部？

Question

我的HTML表很简单。当我单击选择框中可见的选项时，它会选择正常，但是当我单击一个不可见/不可见的选项时，选项列表只会滚动到顶部而我无处可去。即使突出显示，该选项也不会标记为已选中。

这似乎只是Chrome的一个问题，因为它在FF中工作正常。

<select class="propertytype" multiple>                  
    <option value="Villa">Villa</option>        
    <option value="Hotel">Hotel</option>                    
    <option value="HotelVillas">Hotel Villas</option>   
    <option value="Apartment">Apartment</option>        
    <option value="Private">Private</option>    
    <option value="Villa&ApartmentSales">Villa & Apartment Sales</option>   
    <option value="NewDevelopments">New Developments</option>   
</select>