Ask for help, why the Popover will be misplaced, need to move the mouse to be able to bind the button side by side?

clipboard.png


<el-popover placement="right" 
            ref="rule" 
            trigger="manual" 
            manual=true 
            width="200" 
            popper-class="grayColor"  
            content="~">     
</el-popover>
<el-input placeholder=""
          @blur="ruleTitleTitple" 
          v-bind:value="addForm.ruleTitle" 
          style="width: 444px;" >
</el-input>
<el-button type="primary" 
           v-popover:rule
           @click="onOpenRelationshipRulesDialogVisible">
           
</el-button> 
Mar.18,2021
Menu