ExtJS 6 plugin.rowwidget Cambiar el tamaño del componente del cuerpo de la fila al cambiar el tamaño de la cuadrícula

Tengo una cuadrícula conExt.grid.plugin.RowWidget. Cuando se cambia el tamaño de la cuadrícula, los componentes del cuerpo de fila expandido permanecen con el ancho de origen. ¿Cómo puedo solucionar este problema?

Como solución temporal agreguéresize controlador de eventos de la siguiente manera

            listeners: {
                resize: function (grid) {
                    Ext.each(grid.query('characterPanel'), function (rowBodyComponent) {
                        //if(rowBodyComponent.isVisible()) does not work
                        //rowBodyComponent.updateLayout(); does not work
                        rowBodyComponent.setWidth('100%');
                    });
                }
            }

Pero me parece una mala solución. Además, tiene un problema: todos los componentes del cuerpo de la fila cambian de tamaño independientemente de su visibilidad y, en caso de que muchas filas colapsadas (después de expandirse) puedan afectar el rendimiento de mi aplicación.

¿Algunas ideas?

Aquí estáviolín simple ilustrando mi problema y lo que ya he probado.

Respuestas a la pregunta(1)

Su respuesta a la pregunta