i have a web-app with a custom keyboard implemented in javascript/css. it works properly with the exception that, when a user taps too quickly on keys, it triggers the double-tap-to-zoom on ios safari. while i understand this is an accessibility feature and want it to function as normal when the user does it intentionally, it is a problem when the user tries to repeatedly tap the backspace character, for example, on the keyboard.

i have tried setting maximum-scale=1.0 and user-scalable=0 on the meta viewport but that has been non-functional on ios for years.

i have created a custom function in javascript setting ondblclick to preventDefault and returning false.

i have added "touch-action:pan-x pan-y;" to the css for the keys and keyboard.

nothing seems to have any effect. i'm open to suggestions.