title: Click & Drag a copy of a button
body: <p>I am not sure why this is happening, and it is only happening with the cancel button that has the href associated to it. Any thoughts how to fix this so that a user cannot click and drag a copy of the cancel button?</p>
  
  <pre><code>&lt;html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core"&gt;
  &lt;div id="cancelDiv" class="col-md-4" style="padding-left: 0.8rem"&gt;
                                  &lt;a id="cancelButton" class="btn btn-primary"
                                      th:href="${b2bDevLink}" target="_self"
                                      style="text-decoration: none; color: white"&gt;Cancel&lt;/a&gt;
                              &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/O2WIL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O2WIL.png" alt="enter image description here"></a></p>