Tab Based navigation broken in "html" element in dialog

[Mariana Baca]

I am trying to create a custom dialog for a plugin. I'm reusing the dialog contents in different parts of my webpage, so I chose to use the "html" element in the dialog and put the contents I wanted in the dialog within the "html" element tag. However, tab based navigation only focuses on the ok and cancel buttons and ignores form fields within the html element unless I explicitly add them using addFocusable. Steps to reproduce -

1. Create a custom plugin which popus up a dialog on button click.
2. In the dialog definition, have something like: elements: [{

type: 'html', html: '<div><input id="main" /></div>'

}, ]

3. Add plugin to editor.
4. click on new plugin button
5. Try tabbing to the input field in the dialog -- it will only focus on ok onand cancel.

Browser and OS - Tested on Safari, Firefox, Chrome on Mac (10.7+), Firefox and Chrome on Windows 7

I'll attach a sample plugin.

[Mariana Baca]

sample plugin

[Jakub Ś]

I'm sorry but the only way make these elements focusable is doing it with addFocusable. This is why it has been created.