Positioning to multiline elements

src/client/utils/dom.ts

@@ -898,3 +898,7 @@ export function getAssociatedElement (el: HTMLElement): HTMLElement | null {
 
     return el.control || el.htmlFor && nativeMethods.getElementById.call(doc, el.htmlFor);
 }
+
+export function getClientRectangle (el: HTMLElement): DOMRect {
+    return el.getClientRects()[0] ?? el.getBoundingClientRect();
+}

src/client/utils/position.ts

@@ -209,7 +209,7 @@ export function getElementRectangle (el) {
         rectangle = getSelectChildRectangle(el);
     else {
         const elementOffset     = getOffsetPosition(el);
-        const relativeRectangle = domUtils.isSVGElementOrChild(el) ? getSvgElementRelativeRectangle(el) : el.getBoundingClientRect();
+        const relativeRectangle = domUtils.isSVGElementOrChild(el) ? getSvgElementRelativeRectangle(el) : domUtils.getClientRectangle(el);
 
         rectangle = {
             height: relativeRectangle.height,

src/client/utils/style.ts

@@ -319,7 +319,7 @@ export function getOffset (el) {
     if (!el || domUtils.isWindow(el) || domUtils.isDocument(el))
         return null;
 
-    let clientRect = el.getBoundingClientRect();
+    let clientRect = domUtils.getClientRectangle(el);
 
     // NOTE: A detached node or documentElement.
     const doc        = el.ownerDocument;
@@ -338,7 +338,7 @@ export function getOffset (el) {
     const scrollTop  = win.pageYOffset || docElement.scrollTop || doc.body.scrollTop;
     const scrollLeft = win.pageXOffset || docElement.scrollLeft || doc.body.scrollLeft;
 
-    clientRect = el.getBoundingClientRect();
+    clientRect = domUtils.getClientRectangle(el);
 
     return {
         top:  clientRect.top + scrollTop - clientTop,