一页上有多个tinymce文本区域-正确的Chrome菜单并不总是出现

Question

I have a page with multiple tinymce textareas, using the browser's default context menu. The issue I'm having is that sometimes Chrome will show the correct textarea context menu (cut, copy, paste, etc.), but every second time I open the context menu (roughly), it shows the non-textarea content menu (back, forward, reload, etc.)

I've a sample Fiddle here demonstrating the issue: http://fiddle.tinymce.com/Bugaab

If you right click in either text area (in Chrome) a few times, in different locations, the different menus will appear.

I'm fairly sure I'm initializing the controls correctly. The problem doesn't occur with only a single textarea.

Any help appreciated.

Answer 1

Not quite. It's not a tinymce context menu at all. That's Chrome's context menu when it opens inside an input or textarea. It has different menu items depending on the context.

I said earlier that the issue didn't occur when only a single tinymce textarea was on page, but I see now this was incorrect. The issue happens for every tinymce textarea.

I think the problem is to do with the area of the textarea. Tinymce hides the actual native textarea control and draws its own, and it's probably incorrectly mapping the dimensions somehow, confusing Chrome into thinking the mouse click is outside the control.

From what I've seen, the norm with this control is to use its own context menu rather than rely on the browsers, which is probably why I've had such difficulty finding mentions of the Chrome problem anywhere.