d1db77e5b0
* Add: auto resize section editor on init * Fix: calculate cm height correctly * Fix: query heights before set * Fix: work with small layout, hide sections before ready
30 lines
791 B
JavaScript
30 lines
791 B
JavaScript
/* global CodeMirror */
|
|
/*
|
|
Initialization of the multi-sections editor is slow if there are many editors
|
|
e.g. https://github.com/openstyles/stylus/issues/178. So we only refresh the
|
|
editor when they were scroll into view.
|
|
*/
|
|
'use strict';
|
|
|
|
CodeMirror.defineExtension('refreshOnView', function () {
|
|
const cm = this;
|
|
if (typeof IntersectionObserver === 'undefined') {
|
|
// uh
|
|
cm.isRefreshed = true;
|
|
cm.refresh();
|
|
return;
|
|
}
|
|
const wrapper = cm.display.wrapper;
|
|
const observer = new IntersectionObserver(entries => {
|
|
for (const entry of entries) {
|
|
if (entry.isIntersecting) {
|
|
// wrapper.style.visibility = 'visible';
|
|
cm.isRefreshed = true;
|
|
cm.refresh();
|
|
observer.disconnect();
|
|
}
|
|
}
|
|
});
|
|
observer.observe(wrapper);
|
|
});
|