-
AuthorPosts
-
June 7, 2021 at 5:53 pm #1304456
Hi everybody,
A customer notified me about a bug in Enfold 4.8.1 and above: when a large page or one-page-website contains a Google Maps element at the bottom, and the Text-marker is shown, than the page scrolls down instantly upon loading the page. See the image:
I’ve seen this issue with several customers/websites now.
Customer had Enfold 4.8.1. I tried upgrading to 4.8.3, but the problem remains.
Is this a known bug, and if yes, does anybody maybe have a fix? For now i just turn off the option to show the text marker immediately, but eventually we want to use this nice feature.
Best regards,
Roger- This topic was modified 3 years, 5 months ago by EZWebdesign.
June 7, 2021 at 6:48 pm #1304467Hello
I have noticed the same issue. If Display Tooltip by default is checked then the page scrolls down instantly upon loading the page.
I don’t think it’s related to the Enfold version. I had a client website running Enfold 4.5.2 and some days ago this strange behavior started. I have done some tests and no matter how new your theme or WordPress is the issue persists. At this point I think it’s something related with some parameters of Google but I really don’t know what the cause can be.
Best Regards
Manu- This reply was modified 3 years, 5 months ago by manurimini.
June 9, 2021 at 4:06 am #1304770Hi Roger,
Could you post a link to where we can see the problem in question please? Thanks @manurimini for helping out :-)
Best regards,
RikardJune 9, 2021 at 8:06 am #1304797June 9, 2021 at 1:30 pm #1304864Hey,
Thanks for the info, Roger. As @manurimini mentioned, this seems to be related to some changes on Google side.
I just reported the issue to our devs and shared this thread as reference. As a temporary solution, you can disable “Display Tooltip by default” in element options.Regards,
YigitJune 10, 2021 at 9:11 am #1305023Hello Yigit
I think I could have find something interesting. The problem is given by the class .gm-ui-hover-effect (basically the X to close the window)
If you set:.gm-ui-hover-effect { display: none !important; }
then the page loads correctely. Of course you cannot close the Toolpit once set.
For now I don’t know why. Hope this helps
Best Regards
ManuJune 11, 2021 at 6:33 am #1305196Hi Manu,
Thanks for sharing your findings, it’s much appreciated :-)
Best regards,
RikardJune 14, 2021 at 12:39 pm #1305590Hi Manu,
Thanks for your solution. It works great. Meantime I’ve found this one:
.gm-ui-hover-effect:focus {
outline: none !important;
}But it causes the screen to flash. The problem is probably due to the ‘tabindex=0’ attribute of the Google Maps Closing button.
Anyway, I used your code to work around the issue. Thanks!Regards,
RogerJune 15, 2021 at 1:10 am #1305688Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonJune 15, 2021 at 7:58 am #1305731Hi Jordan,
As far as I’m concerned, you may close this topic.
Regards,
RogerJune 15, 2021 at 9:20 am #1305741Hi Enfold staff
I think the topic should remain open until a real solution is found. I would like to use the tooltip as I was used to.
Best Regards
ManuJune 16, 2021 at 4:06 am #1305917Hi Manu,
We’ll keep this thread open, as the problem is still ongoing.
Best regards,
RikardJune 17, 2021 at 5:38 pm #1306228Having same issue on several sites. Subscribing to hear about solution, when available.
Thanks.June 18, 2021 at 9:52 pm #1306450Also having the same issue v 4.8.3 – is there away to notify us when a permanent solution is found? Or would it come in a new release?
June 19, 2021 at 4:23 am #1306461Hi jberg1 and mikeprime,
Sorry for the problem. We don’t have a permanent solution as of now unfortunately. We will post any solution we come up with here in this thread though. It will hopefully be sooner rather then later, so you shouldn’t have to wait for an official release of the theme.
Best regards,
RikardJune 29, 2021 at 9:39 am #1307885I had the same problem with Enfold 4.8.3.one page layout
After deactivating the option “show tooltip immediatly in google maps (Tooltip standardmäßig anzeigen / Aktiviere diese Option, wenn du den Tooltip standardmäßig anzeigen möchten.) everything works fine.June 29, 2021 at 4:32 pm #1307970Hi ,
I’m having the same issue on my website oficinadearquitectura.pt
First I thought it was due the site was running on a older version of enfold, but now I just updated it to version 4.8.3 I see the error still prevails.How can I correct it? I couldn’t follow your temporary solution @Yigit
thanks,
JoanaJune 30, 2021 at 8:54 am #1308050Hi Joagin,
There are two temporary solutions as you can read above.1 – You disable the Tooltip in ALB (Google Map > Google Map Location > Display Tooltip by default = unchecked). In this case you will see the Tooltip by cliccking on the ping on the map.
2 – Add the following code in your Quick CSS and let Display Tooltip by default checked. The page will load correctely, but you will not be able to close the Toolpit once set, because the X to close the window will not be displayed.
Go to Theme Options > General Styling > Quick CSS and add the following code:.gm-ui-hover-effect { display: none !important; }
I hope this explanation will help
Best Regards
ManuJune 30, 2021 at 11:12 am #1308068Thanks @manurimini
About the 1st option, I can’t find what you suggest.
Is it inside the page? Is it in the theme options? …?What is tooltip in ALB?
Kind regards,
JoanaJuly 1, 2021 at 9:07 am #1308256Hello Joana
ALB = Advanced Layout Builder or Advanced Layout Editor. You will find this acronym often in the Enfold Forum.Back to the 1st option of the Google Maps issue, if you’re using the Advanced Layout you have to edit the Google Map Element inside the page.
In the Google Map Element in the same window where you set the Location (Street address, Postcode, City, etc) if you scroll down you’ll find Marker And Tooltip. Uncheck Display Tooltip by default.If you don’t use ALB but Shortcodes look in your shortcode for tooltip_display=’aviaTBaviaTBtooltip_display’ and erase it.
https://kriesi.at/documentation/enfold/google-map/
Best Reagrds
Manu- This reply was modified 3 years, 4 months ago by manurimini.
July 5, 2021 at 3:40 pm #1308796Hey,
@guenter has fixed the issue and it will be included in upcoming version.If you would not like to wait for the upcoming version, please replace /enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css file with this one – https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_4_8_3/Gmaps-tooltip/google_maps.css and then replace /enfold/framework/js/conditional_load/avia_google_maps_api.js file with – https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_4_8_3/Gmaps-tooltip/avia_google_maps_api.js :)
Best regards,
YigitJuly 5, 2021 at 4:00 pm #1308800Many thanks for your help!
Best regards,
JoanaJuly 5, 2021 at 4:25 pm #1308805July 5, 2021 at 5:03 pm #1308818Hi @yigit,
Thanks for posting the solution.
FYI, I just implemented @guenter solution with the two files on Enfold version 4.8.3, and we are still getting the Google Maps tooltip jump. See link in private content.
I cleared the cache on the server, browser, tried on 4G and Wifi connections, and the issue continues.
Cheers,
PeterJuly 6, 2021 at 6:45 am #1308871Hi Peter,
Please open a new thread and include WordPress admin login details in private so that we can have a closer look at your site.
Best regards,
RikardJuly 6, 2021 at 3:20 pm #1308945Hi @Rikard,
Thanks for the reply.
Fixed our issue by changing the above downloaded avia_google_maps_api.js file on these lines:
if( data.tooltip_display ) { infowindow.open( { anchor: marker, map, shouldFocus: false } ); //infowindow.open(map,marker); }
In case you have not read this, see this issue on Google Maps: https://issuetracker.google.com/issues/190075886
Solves our problem for now.
Best,
PeterJuly 7, 2021 at 6:37 am #1309036 -
AuthorPosts
- You must be logged in to reply to this topic.