BUG: (v0.16.41) Button not set as active on click

Grapesjs requires your commands to have the run and stop functions for them to toggle panel buttons automatically, so maybe that might be the issue:

const cm = editor.Commands;

// grapesjs unable to toggle panel buttons on this command format 
cm.add('desktop', e => e.setDevice('Desktop'))

// grapesjs able to toggle panel buttons because of run and stop
cm.add('desktop', { 
   run(e) {
      e.setDevice('Desktop')
   }, 
   stop() {} 
});

@Ju99ernaut

Thank you for that. Active state is now working for me when creating devices-c panel through grapesjs.init().

const editor = grapesjs.init({
    panels: {
        defaults  : [{
            id:       'devices-c', // Responsive view controls
            appendTo: '.gjs-toolbar-responsive-views',
            buttons: [
                { id: "set-device-desktop", command: { run(e) { e.setDevice('Desktop') }, stop() {}}, className: "fa fa-desktop", active: 1},
                { id: "set-device-tablet", command: { run(e) { e.setDevice('Tablet') }, stop() {}}, className: "fa fa-tablet" },
                { id: "set-device-mobile", command: { run(e) { e.setDevice('Mobile portrait') }, stop() {}}, className: "fa fa-mobile" }
            ]
        }]
    }
});