Как автофокусировать/автоклинировать бумажный ввод в полимер 1.0?

Question

Я смог использовать javascript и вызвать .click() или .focus(), чтобы документ был готов для ввода в полимер 0.5.6.

1.0, похоже, потерял эту способность. Есть ли способ, чтобы входные данные были готовы ввести либо с использованием JS, либо с использованием нового API-интерфейса 1.0?

Answer 1

Согласно документации на https://elements.polymer-project.org/elements/paper-input?active=Polymer.PaperInputBehavior это должно работать:

<paper-input autofocus></paper-input> 

Answer 2

JavaScript:

var textbox = document.getElementById("myInputBox"); 
textbox.focus(); 
tetbox.scrollIntoView(); 

, если это не работает, то вы можете быть настройки фокуса позже в вашей реализации что-то другое?

Answer 3

Как пользователь Firefox, я хотел, чтобы это просто работать (как это делает в Chrome):

<paper-input autofocus></paper-input> 

, но не кости , Так что я пробовал:

var textbox = document.getElementById("myInputBox"); 
    textbox.focus(); 

который регистрирует «TypeError: текстовое поле является пустым» для консоли ... Я предполагаю, потому что теневые DOM нагрузка после не так тенистого DOM.

Так выглядит, что функция тега автофокуса зависит от браузера, в котором работает приложение. Надеюсь, это изменится в будущих выпусках. В то же время хорошая документация будет приятной.

Answer 4

Если вам нужно установить фокус с кода (возможно, для ответа на действие пользователя), эти два фрагмента кода могут помочь.

Чтобы установить фокус на первую бумажную вводу вы можете использовать это:

$('paper-input input').first().focus(); 

можно также выбрать с помощью идентификатора для конкретного бумажного входа:

$('#myValue input').focus();