Method render

src/View/Modal.js:228–258

* Renders view. * @protected * @return {HTMLElement}

()

   * @return {HTMLElement}
   */
  render () {
    this._$dialog = this.renderDialog()
    this._$outer = View.createElement('div', {
      className: 'modal__outer'
    }, [
      this._$dialog
    ])

    return View.createElement('div', {
      className: 'modal',
      role: 'dialog',
      // Makes element focusable but not reachable via keyboard
      tabIndex: -1
    }, [
      View.createElement('div', {
        className: 'modal__backdrop'
      }),
      View.createElement('div', {
        className: 'modal__scrollable',
        role: 'document',
        onClick: evt => {
          if (evt.target === evt.currentTarget) {
            evt.preventDefault()
            this.cancel()
          }
        }
      }, [
        this._$outer
      ])
    ])
  }

  /**
   * Renders modal dialog.