El estilo del elemento divisor es diferente, no sé por qué sucedió esto.
Y mi código está aquí, y puse mi demostración en https://fiddle.sencha.com/#view/editor&fiddle/3jb8
Gracias.
¡Gracias por todo el código!
De hecho, esta es una buena pregunta: inicialmente pensé que el problema era que estaba jugando con una versión diferente del marco (Kitchen Sink de la captura de pantalla es la versión 7.0.0 mientras usa ExtJs 7.5.1 en Fiddle).
Pero usar la misma versión de framework no resolvió el problema del tamaño de los divisores truncados.
Una solución probada en su violín podría ser establecer manualmente la altura (para los divisores horizontales ) y el ancho (para los verticales ) mientras se renderiza el panel contenedor de esta manera:
listeners: { afterrender: function(panel){ Ext.ComponentQuery.query(panel.xtype + " splitter").forEach(splitter => { splitter.vertical ? splitter.setWidth(15) : splitter.setHeight(15); }); } }Es solo el divisor. Prueba esto y descubre tu valor personal en lugar de 30.
defaults: { collapsible: true, split: {width: 30, height: 30}, bodyPadding: 10 },