Commit 35ef283e authored by Marek Kasprzak's avatar Marek Kasprzak
Browse files

saving calls to window.getComputedStyles() - calculating block cursor... 

saving calls to window.getComputedStyles() - calculating block cursor dimensions, needed for list positioning
parent 16a2a3cb

src/mention/mention-list.component.ts

+3 −3
Original line number Original line Diff line number Diff line
@@ -65,13 +65,13 @@ export class MentionListComponent implements OnInit { 
  position(nativeParentElement: HTMLInputElement, iframe: HTMLIFrameElement = null, dropUp: boolean) {

  position(nativeParentElement: HTMLInputElement, iframe: HTMLIFrameElement = null, dropUp: boolean) {

    let coords = { top: 0, left: 0 };

    let coords = { top: 0, left: 0 };

    if (isInputOrTextAreaElement(nativeParentElement)) {

    if (isInputOrTextAreaElement(nativeParentElement)) {

      const blockCursorSize = this.getBlockCursorDimensions(nativeParentElement);

      this.blockCursorSize = this.getBlockCursorDimensions(nativeParentElement);

      const scrollToHeightDiff = (nativeParentElement.scrollHeight - nativeParentElement.clientHeight);

      const scrollToHeightDiff = (nativeParentElement.scrollHeight - nativeParentElement.clientHeight);

      const scrollToWidthDiff = (nativeParentElement.scrollWidth - nativeParentElement.clientWidth);

      const scrollToWidthDiff = (nativeParentElement.scrollWidth - nativeParentElement.clientWidth);

      // parent elements need to have postition:relative for this to work correctly?

      // parent elements need to have postition:relative for this to work correctly?

      coords = getCaretCoordinates(nativeParentElement, nativeParentElement.selectionStart);

      coords = getCaretCoordinates(nativeParentElement, nativeParentElement.selectionStart);

      coords.top = nativeParentElement.offsetTop - scrollToHeightDiff + coords.top + blockCursorSize.height;

      coords.top = nativeParentElement.offsetTop - scrollToHeightDiff + coords.top + this.blockCursorSize.height;

      coords.left = nativeParentElement.offsetLeft - (scrollToWidthDiff ? scrollToWidthDiff + blockCursorSize.width : 0) + coords.left;

      coords.left = nativeParentElement.offsetLeft - (scrollToWidthDiff ? scrollToWidthDiff + this.blockCursorSize.width : 0) + coords.left;

    }

    }

    else if (iframe) {

    else if (iframe) {

      let context: { iframe: HTMLIFrameElement, parent: Element } = { iframe: iframe, parent: iframe.offsetParent };

      let context: { iframe: HTMLIFrameElement, parent: Element } = { iframe: iframe, parent: iframe.offsetParent };