Lowercase m,k,- and some other keyboard keys stop working in the <input> element after opening and touching Google Maps - All platforms

[rbjarnason]

After you open and touch a Google Maps using this components lowercase m,k,- and some other keys stop working in web input forms after opening and touching Google Maps.

Steps to reproduce:

• Open a website with this Google Maps components (for example this one https://argyll-bute.yrpri.org/community/563 (select English top left and press MAP)
• Press for example Login that has text inputs
• Now lower cases m,k and some other keys wont work in any element

If you have the Google Maps form in the background you will actually see it move when use the keys but nothing comes into the input field.

This is a new problem since the new release of Google Maps on all platforms we have tested.

[rbjarnason]

Here is more information about the same problem in a new Stackoverflow entry: https://stackoverflow.com/questions/48893262/google-maps-does-not-relinquish-key-presses-to-input-in-shadow-dom

[bungambohlah]

Hello @rbjarnason, same issue here.. and thank u for ur reference, it's very helpful for me, i've fixed my issue like this jsFiddle

[KeithHenry]

This is a bug in the underlying Maps API when in Shadow DOM: https://issuetracker.google.com/issues/73644075

The only workaround I've found is to disable keyboard keyboardShortcuts: false and re-implement them.