.
├── dist
│   ├── textField.d.ts
│   ├── textField.es.js
│   └── textField.umd.js
├── example
│   └── index.html
├── package-lock.json
├── package.json
├── src
│   ├── styles.css
│   └── textField.ts
├── tsconfig.json
└── vite.config.ts

/**
   * Move Toolbar to the passed (or current) Block
   *
   * @param block - block to move Toolbar near it
   */
  public moveAndOpen(block: Block = this.Editor.BlockManager.currentBlock): void {
    console.log('moveAndOpen', block);
    /**
     * Some UI elements creates inside requestIdleCallback, so the can be not ready yet
     */
    if (this.toolboxInstance === null)  {
      _.log('Can\'t open Toolbar since Editor initialization is not finished yet', 'warn');

      return;
    }

    /**
     * Close Toolbox when we move toolbar
     */
    if (this.toolboxInstance.opened) {
      this.toolboxInstance.close();
    }

    if (this.Editor.BlockSettings.opened) {
      this.Editor.BlockSettings.close();
    }

    /**
     * If no one Block selected as a Current
     */
    if (!block) {
      return;
    }

    this.hoveredBlock = block;

    const targetBlockHolder = block.holder;
    console.log('targetBlockHolder', targetBlockHolder);
    const { isMobile } = this.Editor.UI;


    /**
     * 1. Mobile:
     *  - Toolbar at the bottom of the block
     *
     * 2. Desktop:
     *   There are two cases of a toolbar position:
     *      2.1 Toolbar is moved to the top of the block (+ padding top of the block)
     *       - when the first input is far from the top of the block, for example in Image tool
     *       - when block has no inputs
     *      2.2 Toolbar is moved to the baseline of the first input
     *       - when the first input is close to the top of the block
     */
    let toolbarY;
    const MAX_OFFSET = 20;

    /**
     * Compute first input position
     */
    const firstInput = block.firstInput;
    console.log('firstInput', firstInput);
    const targetBlockHolderRect = targetBlockHolder.getBoundingClientRect();
    console.log('targetBlockHolderRect', targetBlockHolderRect);
    const firstInputRect = firstInput !== undefined ? firstInput.getBoundingClientRect() : null;
    console.log('firstInputRect', firstInputRect);

    /**
     * Compute the offset of the first input from the top of the block
     */
    const firstInputOffset = firstInputRect !== null ? firstInputRect.top - targetBlockHolderRect.top : null;
    console.log('firstInputOffset', firstInputOffset);

    /**
     * Check if the first input is far from the top of the block
     */
    const isFirstInputFarFromTop = firstInputOffset !== null ? firstInputOffset > MAX_OFFSET : undefined;
    console.log('isFirstInputFarFromTop', isFirstInputFarFromTop);

    /**
     * Case 1.
     * On mobile — Toolbar at the bottom of Block
     */
    if (isMobile) {
      toolbarY = targetBlockHolder.offsetTop + targetBlockHolder.offsetHeight;
      console.log('isMobile', toolbarY);

    /**
     * Case 2.1
     * On Desktop — without inputs or with the first input far from the top of the block
     *            Toolbar should be moved to the top of the block
     */
    } else if (firstInput === undefined || isFirstInputFarFromTop) {
      const pluginContentOffset = parseInt(window.getComputedStyle(block.pluginsContent).paddingTop);
      console.log('pluginContentOffset', pluginContentOffset);

      const paddingTopBasedY = targetBlockHolder.offsetTop + pluginContentOffset;
      console.log('paddingTopBasedY', paddingTopBasedY);

      toolbarY = paddingTopBasedY;

    /**
     * Case 2.2
     * On Desktop — Toolbar should be moved to the baseline of the first input
     */
    } else {
      const baseline = calculateBaseline(firstInput);
      console.log('baseline', baseline);
      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      const toolbarActionsHeight =  parseInt(window.getComputedStyle(this.nodes.plusButton!).height, 10);
      console.log('toolbarActionsHeight', toolbarActionsHeight);
      /**
       * Visual padding inside the SVG icon
       */
      const toolbarActionsPaddingBottom = 8;

      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      const baselineBasedY = targetBlockHolder.offsetTop + baseline - toolbarActionsHeight + toolbarActionsPaddingBottom + firstInputOffset!;
      console.log('baselineBasedY', baselineBasedY);

      toolbarY = baselineBasedY;
    }

    /**
     * Move Toolbar to the Top coordinate of Block
     */
    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
    this.nodes.wrapper!.style.top = `${Math.floor(toolbarY)}px`;

    /**
     * Do not show Block Tunes Toggler near single and empty block
     */
    if (this.Editor.BlockManager.blocks.length === 1 && block.isEmpty) {
      this.blockTunesToggler.hide();
    } else {
      this.blockTunesToggler.show();
    }

    this.open();
  }