Drop Down Input Field = open Virtual key board - mobile

How do I get the Virtual keyboard to open on my tablet or phone?
I have a web version of my app and now we are styling for smaller devices.
Question: when I go to the drop down box to enter a clients name on my Desktop, I am able to start typing the name...(ex...I am looking for "Wolverine") I can either scroll all the way down to the W.... or I can use my keyboard and start typing "W" and then all the names starting with W are visible..This works nicely.
How do I get the Virtual keyboard to open when we touch the drop down box on smaller devices( like my phone and Ipad) like it does on the web version? Currently when we touch that box, the names are populated with radio buttons in one browser and no radio buttons in another browser but all I really want is for the Virtual Keyboard to pop up so I can type the name ( not using ajax).

Actually, the question could have been more specific. I was getting radio buttons on my android device browser. Android has a default radio button for certain fields. I decided to make the search box using ajax which will not default to radio button selection.

Related

How to enable keyboard navigation for material-ui table

I have a react application created with Material-UI. The user has asked to enable keyboard navigation for the whole website. I am unable to navigate tables with keyboard on this website. My table looks something like https://material-ui.com/components/tables/#fixed-header. I want to go up and down a row on pressing "up arrow" and "down arrow" on keyboard. How can I enable this?
Keyboard navigation generally refers to being able focus on and trigger interactive elements like links, buttons, date-pickers, modals etc using only the keyboard controls. A table is not an interactive element so not focusable by the keyboard.
Your user's request may be intended to ensure the website meets Web Content Accessibility Guidelines. Material UI tables are semantically marked up as tables with a table header row, so the basics are there to meet this criteria.
If you activate a screen reader (like VoiceOver on Mac or NVDA on Windows) you will then be able to navigate the table with the arrow keys and each cell will be announced by the screen reader.
https://webaim.org/techniques/tables/data

Windows universal app - set focus on captureElement

I have simple Win Universal app to capture photos.
When I start my app, I have some screen with button and some informations. When I press the button, I move to another page with captureElement. I wanted to use tap to capture photo and it works. However it doesnt work for first tap on that page. First tap doesnt fire "tapped" event but second and next ones work good. Can I set focus somehow on captureElement? I didnt find it for that type of control

Angular how to bring up the native keyboard on Ipad when user focus on input

I have an input box that works fine on computers, but when browsing using ipad, the keyboard doesn't show up, so cannot type in anything. how would i bring up the keyboard upon entering the input box?
Update: I need to tap on the inputbox for a couple seconds, to bring the keyboard up. can there be more sensitive solution? I have ngTouch already and it's 1.3.0

Popup textbox on website on touchscreen monitor

i want a textbox to popup whenever i use my touchscreen monitor to click on a textbox on a specific website. I would prefer not to interfere with the code of the website. Is there another way i can do this? Maybe writing it as a plugin for the browser.
found a google chrome extension, Virtual Keyboard Interface

Can Silverlight hook into the browser's Edit > Cut/Copy/Paste menu items?

We have a Silverlight app that contains a grid, and we've added support for selecting multiple cells, copying their contents to the clipboard, and pasting back elsewhere in the grid. Currently the user invokes the Copy and Paste commands by either clicking a toolbar button inside our Silverlight app, or using the standard keyboard shortcuts, which we catch with a KeyDown event.
Is it possible to also hook into the browser's native Edit menu, and the Cut, Copy, Paste, etc. menu items that are built into the browser? For example, can the user drop down the Firefox button (or press Alt+E to drop down the classic Edit menu), click the Copy item in Firefox's menu, and have some sort of Copy command be relayed to the focused control in my Silverlight app? Same thing for the equivalent menus in IE, Chrome, Opera, etc.
I wouldn't be surprised if this can't be done, since even long-established browser plug-ins like Adobe Reader have their own buttons for copy/paste and even print, rather than hooking into the browser's native menus. But I've never programmed to a browser's plug-in model, so I don't know for sure what's possible.

Resources