jodit
Version:
Jodit is an awesome and useful wysiwyg editor with filebrowser
47 lines (46 loc) • 1.65 kB
JavaScript
/*!
* Jodit Editor (https://xdsoft.net/jodit/)
* Released under MIT see LICENSE.txt in the project root for license information.
* Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
*/
import { Dom } from "../../dom/dom.js";
/**
* @module helpers/utils
*/
/**
* Check if element is in view
*/
export function inView(elm, root, doc) {
let rect = elm.getBoundingClientRect(), el = elm;
const top = rect.top, height = rect.height;
while (el && el !== root && el.parentNode) {
el = el.parentNode;
rect = el.getBoundingClientRect();
if (!(top <= rect.bottom)) {
return false;
}
// Check if the element is out of view due to a container scrolling
if (top + height <= rect.top) {
return false;
}
}
// Check it's within the document viewport: the element must not be below
// the viewport bottom, and (its bottom) must not be above the viewport top —
// the latter guard was missing, so an element scrolled above the top was
// wrongly reported as visible and never scrolled to. See #1279
const clientHeight = (doc.documentElement && doc.documentElement.clientHeight) || 0;
return top <= clientHeight && top + height >= 0;
}
/**
* Scroll element into view if it is not in view
*/
export function scrollIntoViewIfNeeded(elm, root, doc) {
if (Dom.isHTMLElement(elm) && !inView(elm, root, doc)) {
if (root.clientHeight !== root.scrollHeight) {
root.scrollTop = elm.offsetTop;
}
if (!inView(elm, root, doc)) {
elm.scrollIntoView();
}
}
}