element-ui中點擊input框和下拉框會出現跳動的現象


bug描述
項目中當下拉框和輸入框還有日期組件在一行的時候,對其進行操作的時候,下拉框,輸入框和日期框會出現抖動的現象
分析原因
剛開始的時候,以為是高度沒有統一,於是統一設置el-input_inner的高度

    .el-input--medium .el-input__inner {
      height: vw(40);
      line-height: vw(40);
      font-size: vw(14);
    }

發現所有的高度都沒有問題之后,於是分析代碼。我這邊直接用的是element-ui的el-row和el-col的布局,於是想是不是這個
的影響,我的el-row和el-col都有設置margin:0!important;padding:0 !important;實在分析不出原因就將其布局改寫為
flex布局,發現依然出現這個bug,於是,在想是不是由於計算屬性導致的calc(),確定將這塊隔離在calc之外,發現還是出現
這個bug。於是繼續修修修,腦中偶然一現曾經瀏覽到的一個網頁上面的一個關於下拉框的屬性el-select--medium。
抱着試試的態度在代碼中加入了

  .el-select--medium{
      vertical-align: bottom !important;
    }

ok,代碼修復了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM