Dropdowns not working

[lichtermeer]

Hi Team,

none of the dropdown-input-elements in the backend of the EC-plugin are working. For example the “choose country” dropdown in the venue-section does not open, nor does any dropdown in the add events-section open. The little chevron icon and the “x” are overlapping, browser hints “javascript:void(0)” in the lower left corner. When resizing browser-window, small parts of the dropdown appear in the very left corner.

[lichtermeer]

Found an error(?) in the CSS for .select2-drop which positions the dropdown outside the visible area. Using left: 300px shows it. Could you please fix?

[Cliff]

Hi. Sorry you’re experiencing this.

This isn’t currently a confirmed issue so I’d suggest following these recommended troubleshooting steps for your own site:

There might be some new updates available. Could you please make sure all your Modern Tribe plugins (and WordPress core) are at their latest versions?

• Downloads / Version Numbers
• License Keys
• TEC Automatic Updates
• or TEC Manual Updates
• WordPress core updates

Once you verify you’re on the latest versions, please test to see if the issue is still happening for you.

You might also see if you can spot any console errors at your site. (If needed, you may reference our KB article Using Google Chrome Developer Tools.)

Whenever troubleshooting, it’s best to enable WP_DEBUG and WP_DEBUG_LOG (which will create a file on your server at /wp-content/debug.log if there are any WP_DEBUG messages) and share any debug messages you see while trying to replicate this issue and doing other things on your site relevant to this ticket (such as visiting your site’s home page, events page, single-event pages, and anything else you can think to do).

If there’s nothing obvious (such as a console error or WP_DEBUG message) pointing you to what might be the problem, please follow our Testing for Conflicts Guide (basically switch to Twenty Seventeen theme and deactivate all plugins and custom code other than Modern Tribe plugins) and see if that helps narrow down the cause of this.

Note that https://wordpress.org/plugins/plugin-detective/ may prove helpful as well. (third-party, not guaranteed or supported by us)

Of course, we always recommend restorable database and file backups as well as performing modifications first on a staging site before modifying anything on your live/production site.

If you still need assistance with this, please share (or re-share) your System Information (while in Testing for Conflicts Mode) in a Private Reply.

That will give me a lot of extra information to help troubleshoot this.

Let us know what you find out.

Thanks.

[lichtermeer]

I downloaded the Plugin yesterday, so any part should be newest version.

This WP-Installation is a live-system, no switching to other themes are possible, no debug-mode.

Console states: “Diese Website verwendet anscheinend einen scroll-verknüpften Positionierungseffekt. Dies könnte mit asynchronem Verschieben (Panning) schlecht zusammenspielen; siehe https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects für weitere Details und nehmen Sie an der Diskussion über damit verbundene Werkzeuge und Funktionen teil!”

As I said, its the inline-style of the dropdown which causes it to appear outside the visible viewport.

[Cliff]

Google Translate converted that to:

This website apparently uses a scroll-linked positioning effect. This could be bad with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for more details and participate in the discussion of related tools and functions!

I don’t know how anything from our plugin could be causing this error.

I’d guess there’s another plugin or theme that is conflicting.

I’ll have to point you back to my previous reply.

My personal recommendation is that, if your host doesn’t provide staging site functionality, you should strongly consider looking around for one that does.

[lichtermeer]

Cliff, please read my posts carefully. I am NOT saying your plugin is causing this error message, I just posted it, because you wanted me to send you ANY error message stated by the console when using your Plugin. This message is shown all the time. All I say is that the dropdowns in the backend of your Event-Calendar-Plugin are not shown because of an error or bad CSS statement. They seem to be positioned absolutely and have a style of “left: -300something px” which puts them out of the viewport. Would you please notice that? I can handishly override the style in the dev tools to make theplugins appear, but my customer cant. So would you please show me a way to fix that?

Dennis

[lichtermeer]

Hi Cliff, problem solved. Thanks for your patience.

[Cliff]

Glad to hear and thanks for letting us know.

[Author]

Posts