Height of accordion

Im trying to make a view with a accordion, it has 7 rows and each row have a template with several text

The problem is this: when I open a row in a mobile device, it only shows the available space, and my text don’t show complete. I want to make the body height of each row adjust to my text size, and if the headers dont fill in the screen, make a scroll.

This is my view:

{ view: 'accordion', multi:false, id: 'accordion_2', height: 'auto', rows: [ { header: 'Parte de la planta utilizada',headerAlt: 'Parte de la planta utilizada', collapsed: true, height: 'auto', body: { view: 'template', css:'container', template: 'El rizoma y las ra&iacute;ces (Rusci aculeati rhizoma).'}, id: 'detalle_parte' }, { header: 'Caracter&iacute;sticas morfol&oacute;gicas', collapsed: true,height: 'auto', body: { view: 'template', css:'container', template: 'Planta le&ntilde;osa, de 20 a 80 cm de altura, de tallo erecto con numerosas ramificaciones. Presenta unas hojas triangulares o lanceoladas y con aspecto de escamas. Aparecen tambi&eacute;n los filocladios, que son falsas hojas ovalanceoladas terminadas en espina y situadas en las axilas. Los frutos son bayas globulosas de color rojo.'}, id: 'detalle_caracteristicas' }, { header: 'Propiedades farmatol&oacute;gicas (Principio activo)', collapsed: true,height: 'auto', body: { view: 'template', css:'container',template: '&#x2022; Saponinas triterp&eacute;nicas (4-6%). Ruscogenina (0.12%). neoruscogenina, ruscina, rusc&oacute;sido.<br>&#x2022; Flavonoides. Rut&oacute;sido, hesperid&oacute;sido.<br>&#x2022; Benzofuranos. Euparona, ruscodibenzofurano.<br>&#x2022; Taninos.<br>&#x2022; Aceite esencial (trazas)<br>&#x2022; Resina.<br>&#x2022; Sales de potasio<br><br>La farmacopea francesa precisa que la droga debe contener como m&iacute;nimo un 2,5% de sapon&oacute;sidos totales, expresados en ruscogeninas.'}, id: 'detalle_ppio_activo' }, { header: 'Beneficios y usos terapeuticos', collapsed: true,height: 'auto', body: { view: 'template', css:'container',template: 'Las sapon&oacute;sidos le confieren una acci&oacute;n antiinflamatoria y venot&oacute;nica (remedio vegetal con una mayor acci&oacute;n sobre la circulaci&oacute;n venosa). El rusco produce un efecto t&oacute;nico venoso, lo cual disminuye la permeabilidad capilar, produciendo un efecto vasoprotector. Esta actividad est&aacute; relacionada con la estimulaci&oacute;n de los receptores post-sin&aacute;pticos alfa adren&eacute;rgicos de la musculatura lisa de la pared vascular y con una acci&oacute;n directa sobre las c&eacute;lulas de la pared venosa (probablemente por una acci&oacute;n antioxidante).<br>La actividad diur&eacute;tica que se le ha atribuido tradicionalmente no ha sido demostrada.'}, id: 'detalle_beneficios' }, { header: 'Indicaciones terapeuticas', collapsed: true,height: 'auto', body: { view: 'template',css:'container', template: 'Indicaciones aprobadas por la Comisi&oacute;n E: coadyuvante en el tratamiento de los s&iacute;ntomas asociados a la insuficiencia venosa cr&oacute;nica, flebitis, varices y de las hemorroides. Tambi&eacute;n est&aacute; indicado para el tratamiento de la fragilidad capilar.'}, id: 'detalle_indicaciones' }, { header: 'Utilizaci&oacute;n', collapsed: true, body: { view: 'template',css:'container', template: 'Posolog&iacute;a diaria recomendada por la Comisi&oacute;n E (salvo prescripci&oacute;n diferente): extracto crudo equivalente a 7-11 mg de ruscogeninas totales cada 24 horas obtenidas por fermentaci&oacute;n o hidr&oacute;lisis &aacute;cida.<br/>Si se administra en forma de cremas venot&oacute;nicas, aplicar en forma de masajes ascendentes.<br/>'}, id: 'detalle_utilizacion' }, { header: 'Precauciones', collapsed: true, body: { view: 'template',css:'container', template: 'Ocasionalmente puede provocar intolerancia g&aacute;strica. El consumo accidental de las bayas, sobre todo en ni&ntilde;os, puede provocar v&oacute;mitos, diarrea y convulsiones.<br/>Por otro lado no se han descrito interacciones medicamentosas.'}, id: 'detalle_precauciones' } ] },

If you need more information please ask for it

thanks for your help

Accordion doesn’t provide built-in functionality to adjust its size to the size of an active tab content. You may enable scroll for content of each accordion item. In this case the content will be scrollable: