City selector does not work when used in Elementor

Hello,

We have tested the widget on your website, and it changes location as intended.

Please test again in a different browser or on your mobile phone’s browser.

This shows that there’s no problem on the front side. That’s the most we can do from our side, as we can not enter administration panel.

Try to change City in administration panel with developer console opened in Google Chrome and see if there are any errors detected.

I’m talking about the default city, I dont want it to be New York.

Yes,
The previous reply has been edited in the meantime.

No errors, no console messages, no dropdown to select anything from, no change to widget.

There’s no reason why drop down works on the front page and does not function properly in admin panel apart from some jQuery issue.

It is strange that the developer console does not show any errors.

Try to temporarily disable active plugins that might interfere with the widgets jQuery and then test changing the City.

p.s.
Please remove the duplicate topic if possible.

I feel like you aren’t listening to me, It does not work in Elementor. Elementor is a fairly common framework so you guys might want to consider fixing the bug preventing it from working there.

Hello,

OK, we’ve tested everything you have stated – and you’re right.
When editing a page using Elementor – changing a default city does not function as it is intended (autocompleting city names for you to choose a preferred destination).
Btw, background and text color do not function as intended as well.

We will not get into details why this is the issue ([REPLACE_TO_ID]) and is it an easily fixable bug. The issue is noted, but we do not promise it will be top of the priorities, as testing for Gutenberg and new options are more important.

But not all is lost.

If you want to place the widget in a sidebar or footer, use usual way (Admin > Widgets) to set and place the widget.

If you want to place the widget in articles here’s a workaround: Instead of placing a widget in articles in “standard” Elementor way – place a widget using a shortcode.

First, go to widgets in the admin panel, temporarily add a widget to footer for example.

Then choose a city. You’ll see the generated shortcode for a city; like a
[shortcode-weather-atlas city_selector=2371288]

Below generated shortcode is a link “shortcode – all options” that shows all options for customizing weather widget.

And you’ll end up with something like this:
[shortcode-weather-atlas city_selector=2372139 layout=”horizontal” background_color=”#8224e3″ daily=5]

All you need to do then is to add a shortcode to a page where it is needed
(and remove an unneeded temporary widget from a footer)

All functions of the widget are the same, you only have to manually do the styling.

Hope this workaround will serve your needs.