Hide Scrollbars

1// Make the editor's canvas widths independent of the OS scrollbar setting.
2// With classic (always visible) scrollbars the stage loses 15 px: a desktop section reads 1265
3// instead of 1280 and a mobile one 375 instead of 390, so every composition lands off and a
4// deploy reports dozens of differences. Hiding scrollbars over CDP fixes that, but only while
5// the CDP session stays attached, so each script that reads or writes layout calls this itself.
6// The editor re-measures on a breakpoint switch, which is done here.
7export async function hideScrollbars(page) {
8  const cdp = await page.context().newCDPSession(page);
9  await cdp.send('Emulation.setScrollbarsHidden', { hidden: true });
10  await page.waitForTimeout(500);
11  await page.evaluate(async () => {
12    const api = await repluggableAppDebug.host.getAPI({ name: 'RunEditorLLMCodeToolAPI', public: true, layer: 'DATA_SERVICE' });
13    await api.execute({ code: 'await editorLLMApis.breakpoints.toggle({ device: "mobile" }); await editorLLMApis.breakpoints.toggle({ device: "desktop" }); return true;' }, { biParams: {} });
14  });
15  return cdp;
16}