javascript - Textarea 调整大小并触发 best_in_place 模糊事件

Question

我在几个 textarea 上使用best_in_place gem，有时（似乎是随机的）textarea “跳跃”并在我单击保存时触发模糊事件，提示“放弃更改”警告。

这是代码：

<p>
  Administrator Notes (<%= link_to 'Edit', '#', id: 'edit_notes_link', onclick:
  'event.preventDefault()' %>)
</p>
<div class="panel radius">
  <%= best_in_place [:admin, @booking], :notes, type: :textarea, ok_button:
  'Save', cancel_button: 'Cancel', activator: '#edit_notes_link', display_with:
  :simple_format, nil: '<i>None</i>' %>
</div>

这是行为的 GIF：

（以及拍摄 GIF的视频）

我猜想某处发生了一些 JavaScript skulduggery，但我不知道从哪里开始调试它。如果您已经看到 Best in Place 的行为是这样的，或者您对如何调试它有一些指示，那么我将非常感谢您的帮助。

Answer 1

我没有使用最好的宝石，但我有类似的要求。我用过x-editable

工作得很好。

Answer 2

我遇到了同样的问题，刚刚删除了ok_button. 现在似乎工作正常。

Answer 3

如果您使用的是 firebug，请尝试打开日志事件以获取更多信息。这是一篇解释它的文章http://www.softwareishard.com/blog/firebug/firebug-tip-log-dom-events/

Answer 4

如果您使用的是基本的 chrome 开发工具，如果您必须绝对使用最佳就地，建议您首先分解 DOM 断点操作并检查日志。将帮助您隔离问题。

但如果没有，X-editable会更容易使用。