點擊下拉框中的複選框/單選按鈕項不會觸發

我正在使用react-bootstrap-multiselect。點擊下拉框中的複選框/單選按鈕項不會觸發

我檢查版本，但所有版本的庫都是一樣的。我只是複製粘貼他們的文件中的代碼。這裏是 - https://github.com/skratchdot/react-bootstrap-multiselect

這隻發生在一些機器上。我無法在我的機器上重現此問題。。:(很奇怪

這裏的機器上，它是不工作的細節： whatismybrowser.com/w/JJHX6T8

我的機器再次，對我來說這是工作!: whatismybrowser.com/W/9GMNNNN

<Multiselect 
    id={this.props.id} 
    maxHeight={200} 
    onDropdownHide={this.onFilterClose} 
    onChange={this.handleChange} 
    data={componentData} 
    multiple={this.props.multiselect} 
    buttonText={function (options, select) { return text; }} />

的handleChange功能不會被調用因爲點擊從未發生過收音機/複選框按鈕

更新。（僅在某些機器上。）： 此問題僅適用於帶觸摸屏的設備。（觸摸屏筆記本電腦，智能手機，平板電腦）

來源

2017-10-05 Karan

OMG！在檢查庫版本兼容性，檢查js文件，檢查操作系統版本，檢查瀏覽器版本後，結果是CSS !!

.dropdown-menu-filter{ 
    background:#525050; 
    padding: 30%; 
    border-radius: 0; 
    outline: none; 
    z-index: 1; 
    min-width: 146px !important; 
    overflow-y: scroll; 
    height: 117px !important; 
    margin-top: 10px; 
}

Z指數是罪魁禍首。刪除它後，一切工作完美。我猜z-索引在觸摸屏設備上扮演了一些角色。

希望這可以幫助別人！ :(

來源

2017-10-05 10:47:16 Karan

點擊下拉框中的複選框/單選按鈕項不會觸發

回答

相關問題