medialize / ally.js

JavaScript library to help modern web applications with accessibility concerns
http://allyjs.io/
MIT License
1.53k stars 83 forks source link

ally.maintain.disabled - keyboard appears for a moment on iOS when fired #139

Closed mikeebee closed 8 years ago

mikeebee commented 8 years ago

I used ally.maintain.disabled to isolate focus when I opened an off-canvas navigation.

On iOS (9.1.2) I noticed that when I opened the nav, the keyboard appeared for a moment BUT only the first time, closing and re-opening is fine.

This also occurs when you click "toggle inert" on the ally.maintain.disabled example on allyjs.io

rodneyrehm commented 8 years ago

On iOS (9.1.2) I noticed that when I opened the nav, the keyboard appeared for a moment BUT only the first time, closing and re-opening is fine.

If this only happens once (and then again once only after localStorage.clear() and a reload), it's related to the supports tests.

If you decouple the call to ally.maintain.disabled from user input, you should not see thae OSK (OnScreenKeyboard) showing up. See test case

mikeebee commented 8 years ago

Decoupling did the trick just fine, thanks!

ryan-ludwig commented 6 years ago

Can you think of any way to avoid having the keyboard pop up during the supports tests? We're using ally within a packaged Cordova app and every time the app is opened the keyboard pops up for a second.

florianbrinkmann commented 6 years ago

Just wanted to add that this can cause page zooming after clicking (here is a test case https://jsfiddle.net/florianbrinkmann/5meew81n/2/), but the trick with setTimeout fixes that, too.