В той же строке есть тег ввода с якорем внутри div. Якорный тег совсем не реагирует на его положение. Тем не менее, он работает, если поставить новую строку ниже или выше поля ввода.
<div data-states-for="email" class="form-group ">
<input id="email" name="email" type="email" class="form-control" placeholder="E-Mail" value="someEmailAddress" required="" autocomplete="email" readonly="">
<span style="float: right; margin-right: 10px; margin-top: -25px; z-index: 2;">
<a href="https://someLink.com" class="fas fa-pencil-alt" onclick="someEventhandler" data-error="account_selection_required">
</a>
</span>
Эта проблема возникает только на Firefox . Есть ли у кого-нибудь намеки на то, что это вызывает? Я использую Bootstrap 4.0.0