无法在Safari中编辑

Question

看一下这两张图片，以便知道我的页面只在Safari上的MAC上发生了什么。所以即使在Windows中的Safari已经很奇怪，这也不会发生。

这是我们正在使用的代码。

＆＃13;

＆＃13;

    $(".map-table-cx-edit").on('click', function(evt) {
        evt.preventDefault();
        var cxId = $(this).attr("id").split("cx-edit-").join('');
        var cols = $(".map-table-col-"+cxId);
        cols.find('.map-table-displayfield').hide();
        cols.find('.map-table-editfield').show();
        Cockpit.loadMapTableHeight($("#map-table-clone"));
        Cockpit.Maptable.loadPhases();
        return false;
    });

＆＃13;

      div.tp-panel, div.map-table-displayfield, div.map-table-editfield {
        display: none;
      }
      span.map-table-displayfield {
        max-height: 68px !important;
      }

＆＃13;

<div data-id="64382" class="corner-ca" style="color:#FFFFFF">
<span class="map-table-displayfield" style="display: none;">DASFGAGasdffasdf</span>
  <span class="map-table-editfield" style="overflow: inherit; position: relative; display: inline-block;">
    <input name="data[CustomerAction][64382][title]" class="map-table-header-input" maxlength="140" value="DASFGAGasdffasdf" id="CustomerAction64382Title" required="required" type="text">
  </span>
</div>

＆＃13;

＆＃13;

＆＃13;

如果您需要更多信息，请与我们联系。我不知道在哪里看。

当人们点击表单字段然后保存和取消按钮位于表单后面时，会出现特定问题。这只发生在Safari中。 另外作为附加信息，我可以看到光标，但是我看不到按钮（取消和保存）。