Link in form-control-feedback can't be clicked in Bootstrap 3.3.5

Source: https://stackoverflow.com/questions/35925832/link-in-form-control-feedback-cant-be-clicked-in-bootstrap-3-3-5

That's simple, in 3.3.5 the class .form-control-feedback has pointer-events:none which makes that element not clickable.
see a snippet with v3.3.5
.form-group .form-control-feedback {
  top: 0;
  right: 44px;
  pointer-events: initial; /* or - auto // or -  unset  */
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="form-group has-feedback">
  <label class="control-label sr-only" for="rename"></label>
  <input value="hello" id="rename" type="text" maxlength="255" class="form-control name-check">
  <span class="form-control-feedback">
    <a class="pointer" onclick="console.log('I love u')"><small>cancel</small></a>&nbsp;<a class="pointer" onmousedown="save=true;" onclick="console.log('i love u too')"><small><i>save</i></small></a>  
  </span>
</div>

StaticImage

  import React , { useEffect , useRef } from "react" import { StaticImage } from "gatsby-plugin-image" impor...