diff --git a/ui/src/textbox.tsx b/ui/src/textbox.tsx index abd11f0ddd7..4359f497312 100644 --- a/ui/src/textbox.tsx +++ b/ui/src/textbox.tsx @@ -99,7 +99,7 @@ export const suffix: m.suffix, multiline: m.multiline, spellCheck: m.spellcheck, - type: m.password ? 'password' : (m.keyboard || 'text'), + type: m.password ? 'password' : (m.type || 'text'), } React.useEffect(() => { diff --git a/website/widgets/form/textbox.md b/website/widgets/form/textbox.md index ef161e0f806..29c3e841b4d 100644 --- a/website/widgets/form/textbox.md +++ b/website/widgets/form/textbox.md @@ -140,8 +140,8 @@ q.page['example'] = ui.form_card( ## Mobile keyboard layout -Show proper keyboard layout on mobile devices with `keyboard` attribute. Defaults to `text`. -This does not prevent user from typing any character. If you want to allow typing e.g. numeric characters only, use in combination with [mask](#with-mask). +Show proper keyboard layout on mobile devices with `type` attribute. Defaults to `text`. +This does not prevent user from typing any character. ```py q.page['example'] = ui.form_card( @@ -155,7 +155,7 @@ q.page['example'] = ui.form_card( ), ui.textbox( name='textbox_keyboard_telephone', - label='With numeric keyboard (iOS, Android)', + label='With numeric keyboard (iOS, Android)', # Show telephone keyboard type='tel' )