Status Update
No update yet.
Comments
ja...@gmail.com
However, looking for keyboard accessibility, we are not able to trigger the information dialog using a keyboard similar to how to map markers can be triggered using arrow keys:
Is there something we can do about it?
Thank you!
Map version: 3.49.12
rc...@google.com
Thanks for your suggestion!
We'll be reviewing this for further consideration. Please star this issue to get updates and leave comments for additional information. Please note that starring the issue also provides our product team with valuable feedback on the importance of the issue to our customers.
jh...@google.com
✨
mr...@gmail.com
I don't know why OP mentioned full screen because it isn't showing only in full screen mode.
The changelog says: Adds a focus ring within the map element, to indicate keyboard focus when focused via keyboard interaction.
It says "when focused via keyboard interaction" - which is true, the border is shown when focused via keyboard interaction (tab to element) but it also shows when no keyboard interaction occurred. That is, when switching browser tabs, as explained in the initial bug report here.
I think this is the issue. The feature doesn't (only) do what it is supposed to do.
jh...@google.com
jh...@google.com
ma...@gmail.com
ma...@google.com
sa...@gmail.com
al...@google.com
Hello,
Thank you for reporting this issue! Could you please create a simple example using
ch...@google.com
br...@gmail.com
I just can confirm that we also have issues with our google map integration. The map is placed at the bottom of the page. After page load the, the page jumps directly to the map.
using v3.exp (currently 3.45).
on v3.44 and 3.43, the behaviour is as expected.
Here is an example.
ma...@google.com
For
ch...@google.com
This particular bug about the blue focus border in full-page map element should now be fixed (as of 3.45.1).
fr...@gmail.com
pa...@gmail.com
na...@gmail.com
15...@qq.com
jo...@studiobravo.com.au
Looks like there's an opacity: 0; that's triggered on desktop, but not on mobile, leaving the blue line at opacity: 1;.
ci...@gmail.com
fs...@beecorp.ai
li...@gmail.com
mr...@gmail.com
First marked as fixed when nothing was fixed and now marked as "fixed" and "needs more info". What info is needed here? All the necessary info is included in the original report + in my
da...@pipelinecloud.com
kl...@ubilabs.net
This issue is still a problem!
To reproduce open the example above
If you inspect the CSS, you will see some inline styles next to the map iframe:
z-index: 1000002;
opacity: 0;
border: 2px solid rgb(26, 115, 232)
You can trace down and find the source in the script: (Search for "1000002")
b.style.zIndex = 1000002;
b.style.opacity = 0;
b.style.border = "2px solid #1a73e8"
This is a clear indicator that the Google Maps API is causing this issue.
To fix the issue temporarily we need to overwrite the CSS:
.gm-style iframe + div { border:none !important; }
Description
Bug shows in Chrome 89 && Mozilla 86 too
*Bug description*
Maps began displaying blue focus border around the map after switching to another browser tab and then go back. Once the map is clicked the border vanishes.
The element with the border is generated by Gmaps DOM. Border seems to show only in full-page map display.
Tracing Gmap DOM show a border at child of gm-style: (div.gm-style > div)
```
<div style="pointer-events: none; width: 100%; height: 100%;
box-sizing: border-box; position: absolute; z-index: 1000002;
opacity: 0; border: 2px solid rgb(26, 115, 232);"></div>
```
The opacity: 0 is dynamic and change to opacity: 1 after click to another browser tab.
*Bug working example*
[JSFiddle](
Steps to activate bug;
1. open js fiddle link
2. focus the map (easy roll map from side to side)
3. change browser tab
4. go back to tab with jsfiddle example
5. voila: blue square around map
map version from 3.43