Unreadable dialog

Hello Nicky,
thanks for your report. Please could you specify which version of WordPress and which version of Black Studio TinyMCE Widget are you using?

Hi there,
I am on the latest versions of Wp and 2.6.9 of the plugin.

Unfortunately, I am unable to reproduce the issue.
I believe it could depend on a (javascript-level) conflict with another plugin.
I would suggest following our Troubleshooting guide (see our FAQ) in order to locate the source of the issue. In particular, I would focus on checking errors on the browser’s javascript console.

This is happening in the backend of the website, not the front end. There is nothing in the FAQ that I found helpful. Any suggestions?

Are you sure you followed the suggestions of the troubleshooting guide? In particular, did you check your browser’s javascript console? Also, did you try to selectively disable the other plugins or temporarily switch to a default theme?

Yes. I tried to use different browsers and there is no difference. If only I knew what the dialog is saying. Does it not sound familiar to you? I only see the ‘dismiss’ option but not what is in the dialog.

The dialog you mentioned is part of the (one-time) introductory wizard of the plugin, aimed to instruct the user on how to use the plugin.
It is supposed to disappear permanently once you click on Dismiss.
If this doesn’t happen, it’s likely a 3rd party plugin that is somehow breaking the dismissal process and preventing the permanent disappearing of the dialog.
As I previously mentioned, you should have a look at your browser javascript console in order to check if any error is reported there, and also try to selectively disable the other plugins. Reading your previous reply I doubt you did that.
Please note that this plugin has 600.000+ active installs and no one has never reported this issue before, so it’s extremely likely that the issue is related to something specifically present on your website (i.e. a specific plugin).
Unfortunately, I cannot help if you don’t provide relevant information. Please follow our troubleshooting FAQ which is very accurate and can guide you to find the source of the issue and then provide the relevant information that can help us to help you.

• This reply was modified 4 years ago by Marco Chiesi.

I could put on my ‘let’s look intelligent’ glasses, but even when I open the console I see nothing that makes sense to me because I do not speak Javascript. So it is hard to interpret what I am supposed to be looking for.

This is the part that pops up in the browser after the dialog that won’t disappear shows up. If it makes sense to you, please feel free to explain.

jquery.min.js:4 Uncaught TypeError: f.getClientRects is not a function
at r.fn.init.offset (jquery.min.js:4)
at Object.getWithinInfo (position.min.js?ver=1.11.4:11)
at r.fn.init.I.fn.position (position.min.js?ver=1.11.4:11)
at t.<computed>.<computed>.reposition (wp-pointer.min.js?ver=5.5.1:2)
at t.<computed>.<computed>.reposition (jquery-ui.min.js:6)
at t.<computed>.<computed>._update (wp-pointer.min.js?ver=5.5.1:2)
at t.<computed>.<computed>._update (jquery-ui.min.js:6)
at wp-pointer.min.js?ver=5.5.1:2
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)

I have a staging site identical to the one where this happens.
I have de-activated all plugins there, including yours. As soon as I re-activate yours, the dialog comes back. This plugin does what I want it to do but it is very annoying that I 1) cannot read the title and 2) it ignores the dismiss.

Please help me solve this issue.

Oh, and as a by the way, this happens in all my browsers and also when I going to the widgets page via my phone.

This is the whole error message as suggested in your FAQ.
All the troubleshooting steps were done without result. As soon as I enable your plugin I get this error on the Widgets page. Judging by the trace of the error, it is generated by your plugin.

jquery.min.js:4 Uncaught TypeError: f.getClientRects is not a function
at r.fn.init.offset (jquery.min.js:4)
at Object.getWithinInfo (position.min.js?ver=1.11.4:11)
at r.fn.init.I.fn.position (position.min.js?ver=1.11.4:11)
at t.<computed>.<computed>.reposition (wp-pointer.min.js?ver=5.5.1:2)
at t.<computed>.<computed>.reposition (jquery-ui.min.js:6)
at t.<computed>.<computed>._update (wp-pointer.min.js?ver=5.5.1:2)
at t.<computed>.<computed>._update (jquery-ui.min.js:6)
at wp-pointer.min.js?ver=5.5.1:2
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
offset @ jquery.min.js:4
getWithinInfo @ position.min.js?ver=1.11.4:11
I.fn.position @ position.min.js?ver=1.11.4:11
reposition @ wp-pointer.min.js?ver=5.5.1:2
(anonymous) @ jquery-ui.min.js:6
_update @ wp-pointer.min.js?ver=5.5.1:2
(anonymous) @ jquery-ui.min.js:6
(anonymous) @ wp-pointer.min.js?ver=5.5.1:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
f.<computed> @ jquery.min.js:2
update @ wp-pointer.min.js?ver=5.5.1:2
(anonymous) @ jquery-ui.min.js:6
open @ wp-pointer.min.js?ver=5.5.1:2
(anonymous) @ jquery-ui.min.js:6
(anonymous) @ jquery-ui.min.js:6
each @ jquery.min.js:2
each @ jquery.min.js:2
t.fn.<computed> @ jquery-ui.min.js:6
b @ black-studio-tinymce….min.js?ver=2.6.9:2
(anonymous) @ black-studio-tinymce….min.js?ver=2.6.9:2
j @ jquery.min.js:2
k @ jquery.min.js:2
setTimeout (async)
r.readyException @ jquery.min.js:2
(anonymous) @ jquery.min.js:2
j @ jquery.min.js:2
k @ jquery.min.js:2
setTimeout (async)
(anonymous) @ jquery.min.js:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
fire @ jquery.min.js:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
k @ jquery.min.js:2
setTimeout (async)
(anonymous) @ jquery.min.js:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
fire @ jquery.min.js:2
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
S @ jquery.min.js:3

Hello @osnicky59 and thanks for providing additional details.
The error reported
Uncaught TypeError: f.getClientRects is not a function at r.fn.init.offset
is likely a result of using a recent jQuery version (i.e. 3.x) along with an old jQuery UI version.
I believe you have some 3rd party code (plugin or theme) that is overriding the jQuery version and loads a version of jQuery not compatible with the jQuery UI shipped with WordPress.
Please note that the current version of WordPress still ships the old jQuery 1.x. The introduction of jQuery 3.x in WordPress core is planned for the next version (5.6), which will arrive next December. You may find additional information in this article https://make.www.ads-software.com/core/2020/06/29/updating-jquery-version-shipped-with-wordpress/ which also provides a reference to a testing plugin (Test jQuery Updates) that allows playing with jQuery and jQuery UI versions.
At the moment our plugin Black Studio TinyMCE Widget works fine with both WordPress 5.5 (stable) and WordPress 5.6 (currently in beta) because each WordPress version provides a compatible set of jQuery and jQuery UI libraries.
The only way I found to reproduce the issue you reported was to force the loading of a new jQuery version along with an old jQuery UI (using the aforementioned “Test jQuery Updates” plugin). For this reason, I believe that in your case something similar is occurring: a plugin or theme is forcing the usage of a recent jQuery version. Please note that this could break many other things in WordPress, not just our plugin. Our plugin just uses the JS libraries shipped with WordPress and in this case, the broken compatibility is between conflicting versions of jQuery and jQuery UI, not directly related to our plugin.

I am disappointed. It does not sound as if you want to help me get rid of your plugin’s useless pop-up. If there is a version of software your plugin requires, I would say you make it part of the installation procedure. I will remove your plugin and look for another that does work properly.

Hello @osnicky59
Unfortunately, it seems you still don’t understand that the issue is not in the plugin. It’s on your site. If you want, I can have a look at your site to help find the source of the issue, but it’s definitely not something related directly to our plugin.

I do not appreciate your tone. I have followed what you told me to with no solution.
Your plugin has not been updated for 10 months now and it is not even guaranteed for the latest WordPress version so not worth talking about this more. I will find something else that IS up to date. There is the lesson for me. Not to work with outdated plugins.

Wishing you all the best and also hoping that you will eventually develop some better bedside manners for customers.