I'm fairly new to Ext-JS, and I've searched the forums and the web but haven't been able to find an answer. Sorry if this seems simple.

Originally we were writing our app in Ext-JS 6.0.2 and using the row-expander plugin for Ext.grid.Panel. When expanding the row, we're creating a new panel with some textfields inside it. We could then use the mouse to select the textfield and therefore enter text.

We decided to update to the newest 6.2.1 SDK and can now no longer select inside the textfield when expanding the row. It's like it's simply ignoring the focus. Perhaps it's a CSS change? So far everything we've tried isn't working. Most of the similar issues we've found via web searches haven't worked (or maybe we're not implementing it correctly).

I've created a very simply Fiddle to demonstrate this. Toggling back and forth between 6.0.2 and 6.2.1 will show what I'm talking about. Any help is greatly appreciated!

https://fiddle.sencha.com/#view/editor&fiddle/1suj