orbit/orbit
orbit/orbit
0
0
Fork 0
Code Issues 3 Pull requests 5 Projects Releases Packages Wiki Activity Actions

sandbox: measure a wrapper sizer so a plugin restyling its root can't collapse the frame

Browse source
This commit is contained in:
Jean Chevronnet 2026-07-04 06:06:51 +00:00
parent 29c6197aed
commit b3da7c29e9
1 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
public/plugin-sandbox.html
View file

@ -76,14 +76,22 @@
// Populate this iframe's own DOM, then claim a UI slot in the app shell.
// Height is reported back so the host can size the frame to the content.
ui: function (slot, build) {
try { build(document.body); } catch (e) { rpc('log', 'ui build threw: ' + e); }
// Outer sizer stays inline-block so it shrink-wraps to content; the plugin
// only gets `inner` and may style it freely (even display:flex) without
// breaking measurement.
var outer = document.createElement('div');
outer.style.cssText = 'display:inline-block';
var inner = document.createElement('div');
outer.appendChild(inner);
document.body.appendChild(outer);
try { build(inner); } catch (e) { rpc('log', 'ui build threw: ' + e); }
rpc('ui.claim', slot);
var report = function () {
var r = document.body.getBoundingClientRect();
var r = outer.getBoundingClientRect();
rpc('ui.resize', Math.ceil(r.width), Math.ceil(r.height));
};
report();
if (window.ResizeObserver) new ResizeObserver(report).observe(document.body);
if (window.ResizeObserver) new ResizeObserver(report).observe(outer);
},
};
}