Can't use with a shortcode?

Hello,

I cannot reproduce it.

I’m not sure if it occurs with any shortcode. I suspect that by the time the plugin’a scrollbar script is applied, the HTML element of your shortcode is not generated yet.

In order to delay the timing of the plugin script, can you try this?

1. Open .../plugins/custom-scrollbar/include/class/script/CustomScrollbar_ScriptLoader.php.

2. Find the following code around the line number of 44.

add_action( 'wp_enqueue_scripts', array( $this, 'replyToEnqueueScripts' ) );

3. Replace it with

add_action( 'wp_enqueue_scripts', array( $this, 'replyToEnqueueScripts' ), 999 );

Let me know if that works or not. If it does not, can you tell me the steps to produce the problem?

Thank you.

No joy.

I’m using WP-Users to generate a User List. It’s showing up in the source code but not displaying on the page at all, so the CSS is working but the jQuery doesn’t seem to be. If I toggle overflow-x and overflow-y it appears, but no scroll bar either way. And there are no jQuery errors or warnings that I see.

The page is https://thaihealingalliance.com/v2-amr-members-directory/ but the scrollbar code won’t be on there for much longer since I need to work on the page. It’s in <div class=”directory_scroll”>.

Thanks!

Hello,

With the given information, I cannot reproduce the problem.

By hearing that the contents show up when you toggle the overflow properties, maybe in your case, try removing the value set to the Width in the scrollbar settings.

If it does not help, can you post some images that describe your problem and how the element is supposed to look like?

Thank you.

It appears that as long as overflow is defined at all, the block doesn’t display. Or they both need to be overflow: visible. Any other overflow settings and the block doesn’t appear. Regardless, the scrollbar doesn’t show up. As I mentioned, it works fine with straight text in the <div> but not with this shortcode.

If you go to the page and use your browser Dev tools to either disable both overflow settings or change them to visible you’ll see how the page should look.

Hi,

I still do not get what the problem is. Did you maybe sort it?

Sorry if I’m not being clear. All I can say is it doesn’t work with a shortcode from the AMR WP-Users plguin (https://www.ads-software.com/plugins/amr-users/). It’s a free plugin so if you want to test it, I’ll be interested in finding out if it works for you.

Thanks

Hello,

I tried the shortcode, [userlist], which the amr users plugin provides.

It created an HTML element with the id of #userlist and putting the id in the Target Element Selector option created a scroll bar just fine in my test site.

So you may want to tell the steps to produce the problem with some pictures that illustrates it. Also the theme name would be helpful if it is a free one.

It turns out it works using the class .userlist but wouldn’t work (or not consistently) when I enclosed the shortcode in a <div id="divlist">. Go figure. But I have it working. THANKS

Hello,

Try a distinct id or class so that the name won’t conflict with other scripts.

Glad to hear it works anyway.