Autofocus Ng

Sets focus to the element if the condition is true. Supports standard input elements as well as Select.

Autofocus Ng

Example

<div ng-app="testApp" ng-strict-di class="test-container">
  <rg-input
    rg-autofocus="true"
    size="M"
    placeholder="Should be focused"/>
</div>

:global(.test-container) {
  padding: 8px;
}

import angular from 'angular';
import InputNg from '@jetbrains/ring-ui/components/input-ng/input-ng';
import ShortcutsNg from '@jetbrains/ring-ui/components/autofocus-ng/autofocus-ng';

angular.module('testApp', [InputNg, ShortcutsNg])

Autofocus on select

Example

<div ng-app="testApp" ng-strict-di ng-controller="testCtrl" class="test-container">
  <rg-select options="item in []" size="M" rg-autofocus="true"></rg-select>
</div>

:global(.test-container) {
  padding: 8px;
}

import angular from 'angular';
import SelectNG from '@jetbrains/ring-ui/components/select-ng/select-ng';
import AutofocusNG from '@jetbrains/ring-ui/components/autofocus-ng/autofocus-ng';

angular.module('testApp', [SelectNG, AutofocusNG]).
  controller('testCtrl', function ($scope) {});