docs: function () {
              if (this._validationPopup) {
                  return;
              }
              // create the section
              var section = this._context.createSection({
                  fn : this._renderValidationContent,
                  scope : this
              });
              // we no longer store the section in this._section as the section is properly disposed by the popup when it
              // is disposed
              var popup = new ariaPopupsPopup();
              this._validationPopup = popup;
              this._validationPopup.$on({
                  "onAfterClose" : this._afterValidationClose,
                  "onPositioned" : this._onTooltipPositioned,
                  scope : this
              });
              ariaTemplatesLayout.$on({
                  "viewportResized" : this._onViewportResized,
                  scope : this
              });
              this._validationPopup.open({
                  section : section,
                  domReference : this._field,
                  preferredPositions : this._getPreferredPositions(),
                  closeOnMouseClick : true,
                  closeOnMouseScroll : false,
                  waiAria: this._WidgetCfg.waiAria
              });
  
          }