文本区域自适应大小并触发best_in_place模糊事件

Question

我在多个文本区域中使用 best_in_place gem，有时（似乎是随机的）文本区域会“跳动”，并在我点击保存时触发模糊事件，提示“放弃更改”警告。

这是代码：

<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欺诈操作，但我不知道从哪里开始调试。如果您见过Best in Place出现这种行为，或者您有关于如何调试的一些指针，那么我真的很感激您的帮助。

- Simon

---

你找到解决这个问题的方法了吗？ - rmagnum2002

@rmagnum2002 不好意思，我从来没有解决这个问题，而且我也不再从事那个项目了 :/ - Simon

如果在选项中加入"use_confirm => false"来关闭弹窗，会发生什么？这样做会改变行为吗？ - Mitch

Answer 1

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

- romelmederos

Answer 2

我遇到了同样的问题，只是移除了ok_button。现在似乎已经可以正常工作了。

- stevenspiel

Answer 3

我没有使用过best-in-place gem，但我有类似的需求。我使用了x-editable，效果非常好。

- venkatareddy

Answer 4

如果您使用基本的Chrome开发工具，请建议先分解DOM断点操作并首先检查日志，如果必须使用best-in-place，则可以帮助您隔离问题。但是，如果不是这样，X-editable更容易使用。请参考X-editable。

- Priyanjana