element-ui Checkbox 多选框闪烁

我在使用element-ui Checkbox 多选框时，发现当我快速点击选项时会闪烁。
然后发现在我快速点击时有的选项会添加class .is-focus 部分选项隐藏导致点击闪烁。

未点击.jpg
点击时.jpg 代码.jpg 代码.jpg

我一开始设置 display: block; 结果会导致点击时选项错位

.el-checkbox-button.is-focus{
          display: block;
 }

错位.jpg

把display: block;改为 display: unset;就不会有隐藏导致闪烁了

.el-checkbox-button.is-focus{
          display: unset;
 }

单选点击切换的时候有时会出现阴影

image.png

  .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){
         box-shadow:0 0 0 0;  
    }

body{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}