question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Key Event not being sent on iPad with a bluetooth keyboard

See original GitHub issue

Demo: https://jsfiddle.net/69z2wepo/190716/

Using the above fiddle, focusing on the <tr> and sending Key events correctly logs e.Key in any device aside from an iPad. However, when connecting an iPad with a Bluetooth keyboard for debugging, the only key events that seem to make it through correctly are the arrow keys. Everything else comes in as “Dead”.

Note: http://jsfiddle.net/5r0enc79/17 Using this fiddle, all key events appear to be correct on the same iPad.

Version of React: 16.4 iPad: 11.3 (15E216) Browser: Safari

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
chrisgbakercommented, Jun 22, 2018

@danburzo Thanks, I can check that site on Monday and update the issue accordingly. As far as the differences in the two fiddles, That was just an extension of me trying multiple methods, but the result is the same, regardless of onKey[Up | Down | Press]

1reaction
danburzocommented, Jun 17, 2018

@chrisgbaker can you check here what kind of events you receive from the iPad on native DOM vs. React? https://danburzo.github.io/input-methods/ It may help shed some light on the situation. Also, one of the fiddles uses onKeyUp and the other onKeyDown/onKeyPress — just to get this out of the way, can you check with similar setups? (I don’t have an iPad + bluetooth keyboard to test myself)

Read more comments on GitHub >

github_iconTop Results From Across the Web

iPad external keyboard spacebar not working properly
I manage to fix my issue by going into 'Settings > Accessbility > Keyboards > Full Keyboard Access > Commands', and from there...
Read more >
IOS Bluetooth Keyboard - Inputs - Tab Event - Apple Developer
Problem: When using a Bluetooth keyboard attached to an iPad, this doesn't work. The document registers the tab key event, but as soon...
Read more >
Adjust the onscreen and external keyboard settings on iPad
Go to Settings > Accessibility > Keyboards, then tap any of the following: Key Repeat: You can adjust the repeat interval and delay....
Read more >
Use shortcuts on an Apple external keyboard with iPad
Go to Settings > General > Keyboard > Hardware Keyboard, tap Modifier Keys, tap a key, then choose the action you want it...
Read more >
Change typing assistance options for an external keyboard
Go to Settings > General > Keyboard > Hardware Keyboard, then do any of the following: Turn Auto-Capitalization on or off: When this...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found