I have a form in the order;
Textbox
Dropdown
Now when user moves focus from textbox to dropdown, the keyboard still remains and it kind of hides the dropdown options...
How do I make the keyboard hide (onblur of textbox)
I have already tried window.blur and it does not work.
Please help me. thank you.
you can try to focus() on a non-text element.
or
$("#yourTextField").blur(); //jquery
Related
How can we add like say google email search, a down arrow icon or even just the function of the down arrow to the Text Field?
The issue is in this component is, It shows suggestion when I start typing. I need to show all suggestions on focus or a down arrow, when I click down arrow it will show all the suggestions. Any help would be appreciated.
Typically a combobox widget is an input field that launches an associated popup with a bunch of suggestions in the popup. In desktop browsers using keyboard, while the focus stays with the input field, pressing Up/Down arrow keys, the selection within the popup can be changed. Pressing ENTER key populates the input field with current selection in the popup and closes the popup.
For accessibility purpose, the input field is marked role="combobox", the popup is linked with the input field via aria-owns. The AT are indicated the current selection via aria-activedescendant.
While this setup works great in desktop browsers with tools like JAWS/NVDA etc., there seems to be a major issue with voiceover on iOS. On swiping the finger, the virtual cursor moves to the next element in the page from the input field, though I would expect with aria-owns set, the focus to move to the first suggestion item or to the popup.
Any suggestions on how such a combobox widget can be made accessible in iOS with voiceover?
PS: The popup and input field are not siblings in the DOM order.
It sounds like you are creating a custom combobox. If you use the native <select>/<option> elements, the combobox works correctly on ios/voiceover. If you are creating your own, follow the guidance on https://www.w3.org/TR/wai-aria-practices/#combobox. You mentioned several ARIA attributes so perhaps you're already following the advice on that page.
Swiping right with voiceover will move the focus to the next element in the DOM. If your dropdown list is hidden, then focus won't move to it. Double tapping on your <input> should display the dropdown list.
I use codeigniter with adminre template.
I use the checkbox class "custom-checkbox" that hides the input type="checkbox" and show a box styled with css.
When I trie to pass the focus to that control with the tab key, it doesn't get the focus.
I think the problem is that the focus goes to the input element and not to the box styled.
If I put the tabindex into the span or div where the checkbox is, it receives the focus but if I press the space key to check it, it doesn't work.
Any idea will be received gratefully!
I hope my explanation is clear enough, the english is not my native language :-(
Thanks
I want to have a textbox with a hint. For example, if that textbox triggers a search, I want it to initially have a "Search" text greyed out and when the user starts typing for it to disappear. How do I achieve this in ZK?
In android I think I had the hint tag, so I want something similar to that.
Okay, so I found it's called placeholder.
I'm developing a xpages mobile form to do a full-text search.
How can I hide the keyboard on a iPad, clicking Go Button when finish to write a text in a editbox and make a submit action?.
Thank you
You can hide the keyboard with the blur() method of the input box:
XSP.getElementById('view:_id1:inputText1').blur();
view:_id1:inputText1 is the client side id of your input box