Problems with Convertplus: scrolling and perfomance

Support
#1

Hi!
I have some serious problems with Convertplus after I updated the plugin and the theme itself.
I have a form which is bigger than the screen on any screen height so I need the modal to allways be able to scroll.
In modal settings the height is set to auto and i have no styling in the code of the page.
https://gyazo.com/54edb3a77d99fa55dca9a0869447eba5
https://gyazo.com/ca93ad93d9c50708ba268286d266c5cb
I tried to add (removed now):

.cp-modal {
overflow: scroll;
height: auto;
}

But it doesn’t work. Modal Popup isn’t scrolling. Also I really don’t like the scrollbars. Before the update the modal scrolled but scrollbars weren’t visible. Sadly I can’t show you how perfect it worked before…
Here’s the test page with a single button launching the modal: http://yellowrockets.com/asca-test/

Second huge issue is perfomance. I’m almost certain that’s also connected to ConvertPlus. I have a page (http://yellowrockets.com/cw/) which has about 10 buttons all launching different modals. Before the update it worked fine. Right now the page starts to really slow down when I scroll to the part with modals.

Please help.

#2

Hello There,

Thank you for the very detailed post information.

1.) I have checked the page and this is what I am seeing.

I can confirm that you cannot scroll on the form. If you want to be able to scroll the form, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

body .cp-overlay.cp-open {
    overflow: scroll;
}

2.) I also noticed that the second page is loading slowly. You will have to wait several seconds before all the items loads in the page. Please be advised that a page consists of elements which contributes the page size and affect the performance of the page upon loading. More modals means more elements and more elements mean added page size thus, it would likely to affect page loading. The best solution for performance wise is to limit the elements loaded in the page.

Hope this helps.

#3

Hi, @RueNel,
Thanks for the suggestion.
I’ve added your code to the child theme. It scrolls now but not all the way to the top:

Also before the update it looked like this: when you scrolled to the top a gap was visible above the modal. Similar with scrolling to the bottom. Right now you see all the bottom elements of the form when you scroll to the bottom of the modal but I think that’s because there’s a gap (a margin or something) inside the modal after the form.

So in the end it should look like this:

Please help further.

#4

Hey There,

Thanks for updating in! After careful investigation, I found out that the cause of this issue is that you added an invalid height with no indication if its in percent or pixel. Please edit your modal and make sure you have set the height as 300px.

Hope this helps. Kindly let us know.

#5

Hi, @RueNel,
I’ve also noticed that incorrect height property. I don’t know what adds it but I don’t think it’s me. As I’ve stated in my first post I have no styling of height of the modal (see screensots in the first post).
In modal properties the height is set to auto. When I add “height: auto;” to the modal it looks wrong, as it does with “height: 300px;” btw.
If I for example add “height: 600px;” it starts to look somewhat allright. But that’s certainly not a good solution.
I believe the height is being calculated with an error when the shortcode is being executed so it’s some kind of a bug in the plugin. I want to say again that this problem appeared after I updated the plugin. Am I the only one with this problem?

Please help further.

#6

Hi There,

I did check and I can confirm this is a bug when using a blank style template. Using blank style template, default height is 300px. Pixel unit is not added on the CSS. Those input field where we change height, and default value is 300, when the CSS is generated on the fly, the px unit is missing. It is a bug on the plugin. I will forward this to our developer for investigation.
See this: https://screencast-o-matic.com/watch/cb6Q2DIpRm

For the mean time as temporary fixed, let’s add the height via custom CSS so it will override that height settings without px unit.

.cp-overlay.cp-open .cp-modal {
    height: 300px; /*Change this height accordingly*/
    overflow: scroll;
}

Hope this helps.

#7

Hi, @Lely!

Thank you for the answer. Since you’ve stated that the default height is 300px I’ve added your suggested css to the child theme.
Now on my test page the height of the modal is exactly 300px so the modal looks really ugly. The close button is cut for example.

https://gyazo.com/5641a7ed3f7530a4015bebd6930ab2c2

Right now I removed the height styling because it’s messing with other modals on other pages.
I think that the mistake in height isn’t the only problem. Before the update it looked like this:

What I mean is that before the update different modals had different heights depending in their content (also there was no problems with close buttons). All the heights were set to auto which is strange because auto means 300px.

I really want to achieve previous behavior.

Whould you please help further?

#8

Hi there,

We already forwarded the case to the development team of the ConvertPlus and waiting for an update from their side. It will be impossible to go over and check each modal one by one to add specific CSS to make it work separately.

You will need to wait till the release of the new version of the plugin to have a fix regarding this.

Thank you for your understanding and patience.

#9

For what its worth, I have encountered a similar problem with ConvertPlus. Floating share buttons are dramatically slowing down page load, making scrolling jumpy and jagged once the floating buttons load. If I disable, the problem is gone.

#10

Thanks for your input!

#11

I use Convert Plus modals on many of my installs and almost always use their blank template. Like you all, I am also having a number of issues since the most recent update.

Is there a timeline for potential fixes here?

#12

Hello There,

Thanks for updating this thread! Regretfully we do not have an ETA of when this bug can be fix. Rest assured that the creator of the plugin is already looking into it. Please bear with us.

Thank you for your understanding.

1 Like
#13

Hi, everyone!
It amazes me (in a bad way) how long it takes to fix this issue. I’m wondering how many people have this problem. Basically all popup modals higher than 300 px should be broken now.
Or are they?

#14

Hi there,

It’s a bundled plugin in which we don’t have full control, all we could do is forward issues to them and wait for updates. We can’t really tell any exact ETA or even estimated date.

About your question, 300px is just a sample, you may change it according to your preference. At least, for now.

Thanks!