Device Manager width bypass

[adam3278]

Hi,
How to turn off editor width changing when device change? I decided to manually (on event) change the width of editor el container, so I need the media width change only. As the result, I set the device width to '' everywhere and editor works perfectly fine now, but the gjs-tools are moving away of the screen (left css prop). How to fix their weird behavior? Thanks in advance.

Device Manager config

deviceManager: {
    devices: [
      {
        id: 'desktop',
        name: 'Desktop',
        width: ''
      },{
        id: 'tablet',
        name: 'Tablet',
        width: '',
        widthMedia: '850px',
      },{
        id: 'mobile',
        name: 'Mobile',
        width: '',
        widthMedia: '500px',
      }
    ]
  },

Container width change function

editor.on('device:select', (newDevice, oldDevice) => {
    let contentWrapper = editor.editorView.el?.parentNode;
    switch (newDevice.attributes.id) {
      case 'tablet':
        contentWrapper.setAttribute('style', `width: 850px !important`);
        break;

      case 'mobile':
        contentWrapper.setAttribute('style', `width: 500px !important`);
        break;

      default:
        contentWrapper.style.width = null;
    }
  });

[artf]

Did you try using editor.refresh?
Anyway, having a reproducible demo would help here