：before SVG代码中的元素在Firefox中无法正常工作

Question

您能否在Mozilla Firefox中使用:before元素来帮助我？在Firefox中无法正常运行，但在Chrome中则可以正常运行。我没有显示完整的代码，因为它是SVG。

这是蓝色圆圈元素：

<g class="circle_grp">
  <circle class="info2" fill-rule="evenodd" clip-rule="evenodd" fill="#2C499F" cx="800.558" cy="293.938" r="15.28" />
  <circle class="info2" fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#2C499F" stroke-miterlimit="10" cx="800.811" cy="294.19" r="20.583" />
  <foreignobject x="100%" y="12%" width="100%" height="100%">
    <div class="svg_test" id="info2">
      <h3 class="info_img_title info_img_single_title_1 relative text-right">The Title</h3>
      some content
    </div>
  </foreignobject>
</g>

当用户单击圆圈时，应显示屏幕上突出显示的信息。

在用户单击蓝色圆圈后显示文本的JavaScript代码：

$(".circle_grp circle").each(function() {
  var seatID = $(this).attr('class');

  $(this).click(function(e) {
    $('#info2').hide(300).css({
      display: 'none'
    });
    // do not show previous clicked element
    $(".current").hide(300).removeClass("current");

    // toggle current element
    $("#" + seatID).toggle(200).addClass('current');
    var offset = $(this).offset();
    var popoverWidth = $('#' + seatID).width()

    $('#' + seatID).css({
      position: 'absolute',
      top: 0 + 'px',
      left: 'auto',
      right: offset.right - (popoverWidth / 2) - 5 + 'px'
    });
  });
});

1. 为什么蓝线没有显示在每个元素上？
2. 为什么它们在Firefox中不像在Chrome中那样向左移动？

http://uw.pro-page.pl/ 登录名和密码：test

Chrome浏览器视图-正确：

Firefox视图-不正确：