When trying to add html editor to Ext.form.field.Picker, it is displayed but closed after mouse click
Demo https://fiddle.sencha.com/#fiddle/3aik
I use this control in grid cell editor, and override onFocusLeave didnt help in this case. The main problem is that the viewport inside the html editor is not part of the window. So far I have not come up with anything better than to make an override for Ext.ComponentManager onGlobalFocus function https://fiddle.sencha.com/#view/editor&fiddle/3ak0
When you take a look in the code of this base component, you will find this method:
https://docs.sencha.com/extjs/6.5.3/classic/src/Picker.js.html
This method will call the collapse method which will hide the picker:
A simple hack could be to comment the function body of the onFocusLeave method out like here: https://fiddle.sencha.com/#fiddle/3ajo&view/editor
You can furthermore place some conditions there if this causes some side effects.
Another option could be to just use a normal field with a custom trigger which shows onclick this window you have defined here.
In response to your comment under this answer.
A picker field is not an editor field.
When you take a look in the Source of the CellEditor you will find this method again:
In that case you can define the editor field like that:
This will override the default config from 'completeEdit'.
https://docs.sencha.com/extjs/6.5.3/classic/src/CellEditor.js.html
Here is an updated fiddle: https://fiddle.sencha.com/#view/editor&fiddle/3aoa