在悬停按钮上，弹出窗口应保持打开状态，直到在Vue and Semantic UI中单击为止

Question

  

在悬停按钮弹出时，其中带有几个按钮，但是当我   尝试单击其中的一些按钮，弹出窗口已经关闭。

如何使弹出窗口保持打开状态，直到我单击某处？

这是代码：

<!-- Popup "more options" -->
<div class="col-sm-4">  
<sui-popup flowing open position="bottom center">
    <a href="javascript:void(0)" 
        class="text-dark" 
        title="View">
        View
    </a>
    <br />
    <a href="javascript:void(0)"
        class="text-dark"  
        title="Download">
        Edit File name or Document Type
    </a>
    <br />
    <a href="javascript:void(0)"
        class="text-dark"
        title="Delete">
        Delete
    </a>
    <br />

    <!-- Button -->
    <span slot="trigger" class="more-btn-icon">...</span>
</sui-popup>

弹出窗口的屏幕截图：