html5 <select> Macでの要素オフセットの問題

Question

MacBookには、両方のコンピュータで同じブラウザ（Chrome）を使用していても、Windowsコンピュータでは発生しない問題があります。

要素のオプションは、通常その底面で開くのではなく、要素の面に表示され、表示されます。

誰もがその問題を知っていますか？

ありがとうございました。

HTML：

<div class="col-lg-4 right"> 
     <select class="my-select" ng-model="chosenContact" ng-options="contact.name for contact in contacts"> 
      <option value="" class="my-select" disabled="true">-choose-</option> 
     </select> 
    </div> 

はCSS：

.my-select{ 
margin-left: 10px; 
width: 100%; 
height: 30px; 

direction: rtl; 

text-align: center; 
font-size: 13.4px; 
font-size: 14px; 
line-height: 1.42857143; 
color: #555; 

background-color: #fff; 
background-image: none; 

border: 1px solid #ccc; 
border-radius: 4px; 

box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
outline: none; 

transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 

}

example

Answer 1

それは（私はこの問題を持っていないあなたの問題を引き起こしているdirection: rtl財産ですSafariまたはFirefox Mac btw、正しく表示されます）。これはChromeのバグの可能性がありますか？