Cómo actualizar el panel de gestión de estilos usando pocos dispositivos y una clase CSS personalizada

Se ha añadido una clase personalizada a simple grapesjs proyecto:

editor. StyleManager.addProperty('settings', {
     nombre: 'Size*',
     Propiedad: 'tamaño de fuente',
     tipo: 'select',
     Opciones: [
        { nombre: 'default', valor:'1.5rem'},
        { nombre: 'pequeño', valor: '1rem'},
        { nombre: 'grande', valor:'2rem'}],
        Defaults: '1,5rem',
   });
const cc = editor. CssCompositor;
cc.setRule('.class', { 'font-size': '2rem' });

Si no hay dispositivos y el usuario añade la clase en el campo selector El sector Configuración se actualiza correctamente su propiedad de tamaño de fuente.

<img width="1440" alt="Captura de pantalla 2020-02-19 a las 2:33 50 AM" src="https://user-images.githubusercontent.com/32596493/74790527-7b0efe00-52c0-11ea-9999-a98fa654de56.png">

Si hay pocos dispositivos (uno de ellos como el conjunto)

        editor.setDevice('Tablet')

y el usuario añade la clase en el campo de selectores, el sector Configuración no se actualiza correctamente su propiedad de tamaño de fuente.

<img width="1438" alt="Captura de pantalla 2020-02-19 a las 2:40 29 AM" src="https://user-images.githubusercontent.com/32596493/74790751-3cc60e80-52c1-11ea-8fb7-fdaf5ef2b5ff.png">

¿Podrías ayudarme a resolver este problema?