Multi-step form iframe not resizing

Hi @psimatrix,

Glad you reached out. It looks like your theme or possibly another plugin is applying some CSS to the donation form. I’ll need a look at your system information to dig in. Your system information is one of the most helpful tools for us to use when we start digging in to a potential issue. It gives us a peek at your site’s environment, which can give us helpful clues. You can do this by navigating to Donations > Tools > System Info (tab) and click the button to “Get System Report” and copy/paste that in your reply here.

Once I have a little more context, I’ll be able to hop in. Let me know if you have questions in the meantime, I’m happy to help.

The demo page I posted is bare-bones and stripped-down without any CSS and the theme template strips out all the themes normal scripts and styles. So that really shouldn’t be the problem. Just look at the Inspector CSS list. It’s very short.

So I don’t see any CSS conflicts or differences. Any clue as to what element might have a CSS style conflict?

What I do see is that the child iframe isn’t resizing after the buttons are clicked, which points more to a library issue.

Could it be a JavaScript library conflict? As there’s no console notices in test mode, it’s impossible to determine which library is used for this feature.

I reviewed the System Info before submitting my issue. It doesn’t identify any missing libraries or conflicts. Here’s the output:

WordPress Environment
Home URL:		https://www.cagle.com
Site URL:		https://www.cagle.com
WP Version:		6.1.1
WP Multisite:		–
WP Memory Limit:		2 GB
WP Debug Mode:		–
WP Cron:		
Language:		en_US
Permalink Structure:		/%author%/%year%/%monthnum%/%postname%
Show on Front:		posts
Table Prefix:		wp_
Table Prefix Length:		3
Table Prefix Status:		Acceptable
Admin AJAX:		Accessible
Registered Post Statuses:		publish, future, draft, pending, private, trash, auto-draft, inherit, request-pending, request-confirmed, request-failed, request-completed, fwpretired, fwpzapped, refunded, failed, revoked, cancelled, abandoned, processing, preapproval
Server Environment
Hosting Provider:		DBH: 10.36.1.133, SRV: www.cagle.com
TLS Connection:		Connection uses
TLS Rating:		
Server Info:		Apache
PHP Version:		7.4.33
PHP Post Max Size:		16 MB
PHP Time Limit:		300
PHP Max Input Vars:		1000
PHP Max Upload Size:		16 MB
cURL Version:		7.86.0, OpenSSL/1.1.1s
SUHOSIN Installed:		–
Default Timezone is UTC:		
fsockopen/cURL:		
SoapClient:		
DOMDocument:		
gzip:		
GD Graphics Library:		
Multibyte String:		
Remote Post:		
Remote Get:		
GiveWP Configuration
GiveWP Version:		2.23.2
GiveWP Cache:		Enabled
Database Updates:		All DB Updates Completed.
Database Migrations:		All Database Migrations Completed.
Database Tables:		
 wp_give_donors
 wp_give_donormeta
 wp_give_comments
 wp_give_commentmeta
 wp_give_sessions
 wp_give_formmeta
 wp_give_sequential_ordering
 wp_give_donationmeta
 wp_give_revenue
 wp_give_migrations
 wp_give_log
GiveWP Cache:		Enabled
GiveWP Emails:		
New Donation
Donation Receipt
New Offline Donation
Offline Donation Instructions
New User Registration
User Registration Information
Donation Note
Email access
Upgraded From:		–
Test Mode:		Disabled
Currency Code:		USD
Currency Position:		Before
Decimal Separator:		.
Thousands Separator:		,
Success Page:		https://www.cagle.com/heroes/confirmation/
Failure Page:		https://www.cagle.com/heroes/failed/
Donation History Page:		https://www.cagle.com/heroes/dashboard/
GiveWP Forms Slug:		/donations/
Enabled Payment Gateways:		Offline Donation, Stripe - Credit Card, PayPal Standard
Default Payment Gateway:		Stripe - Credit Card
PayPal IPN Notifications:		N/A
Donor Email Access:		Enabled
Stripe Webhook Notifications:		N/A
Active GiveWP Add-ons
Other Active Plugins
Akismet Anti-Spam	 	by Automattic – 5.0.2
Ban Hammer	 	by Mika Epstein – 3.1.2
Cagle Cartoon Shortcode	 	by Theo Tillotson ([email protected]) – 0.1
Cagle Dashboard	 	by Theo Tillotson – 2.0.0
Classic Editor	 	by WordPress Contributors – 1.6.2
Classic Widgets	 	by WordPress Contributors – 0.3
Cloudflare	 	by Cloudflare, Inc. – 4.11.0
Disable Search	 	by Scott Reilly – 2.0
Disqus for WordPress	 	by Disqus – 3.0.22
Donorbox Donation Form	 	by rebelidealist – 7.1.8
Error Log Monitor	 	by Janis Elsts – 1.7.3
Facebook Comments Plugin	 	by talspotim – 2.3.6
FeedWordPress	 	by C. Johnson – 2022.0222
Heartbeat Control by WP Rocket	 	by WP Rocket – 2.0
Hustle Pro	 	by WPMU DEV – 4.6.1
Improved Include Page	 	by Marios Alexandrou – 1.2
LightStart - Maintenance Mode, Coming Soon and Landing Page Builder	 	by Themeisle – 2.6.1
Logout Redirect	 	by WPMUDEV – 1.1.4
Log Out Shortcode	 	by OM4 – 1.0.8
Manage Notification E-mails	 	by Virgial Berveling – 1.8.4
Multiple Roles	 	by Christian Neumann – 1.3.7
Quick Page/Post Redirect Plugin	 	by anadnet – 5.2.3
Redirection	 	by John Godley – 5.3.6
Reveal Page Templates	 	by Ade Walker, Studiograsshopper – 1.3.1
s2Member Framework	 	by WP Sharks – 221103
s2Member Pro	 	by WP Sharks – 220421
Taxonomy Images	 	by Michael Fields, Ben Huson – 1.0
Term Management Tools	 	by theMikeD, scribu – 2.0.1
User Profile Meta Manager	 	by Danny Vink – 1.02
VaultPress	 	by Automattic – 2.2.2
W3 Total Cache	 	by BoldGrid – 2.2.9
Wordfence Assistant	 	by Wordfence – 1.0.9
Wordfence Security	 	by Wordfence – 7.8.0
WordPress Importer	 	by wordpressdotorg – 0.8
WP Crontrol	 	by John Blackbourn & crontributors – 1.15.0
WP Mail Logging	 	by Wysija – 1.10.4
WP Mail SMTP	 	by WPForms – 3.6.1
WPMU DEV Dashboard	 	by WPMU DEV – 4.11.17
Inactive Plugins
Adminimize	 	by Frank Bültge – 1.11.9
Query Monitor	 	by John Blackbourn – 3.10.1
User Role Editor	 	by Vladimir Garagulya – 4.63.1
WP All Export	 	by Soflyy – 1.3.8
Theme
Name:		Cagle
Version:		1.0
Author URL:		https://theotillotson.com/
Child Theme:		No – If you're modifying GiveWP on a parent theme you didn't build personally, then we recommend using a child theme. See: How to Create a Child Theme

Hi @psimatrix,

When I take a look at the console, I can see something is setting the height to 423 px, which would indicate some CSS is being applied by either your theme or another plugin. We can test this pretty quickly, I’ll include those steps below. Before moving to troubleshooting, I do recommend having a backup of the site you can confidently restore from. I also recommend trying these steps on a staging site rather than on your live site if you have that option available.

1. Switch your theme. Let’s try to switching the theme to Twenty Twenty, and then giving that page a look. It if clears things up, we’ve identified the theme.

2. Running a Health Check. We recommend using a Health Check when trying to rule out conflicts with other plugins. You’ll essentially be disabling plugins and checking to see if the styling clears up.

We need to rule out whatever is applying styling to that form. Once we know where the CSS is coming from, we can make some adjustments that should get that form displaying correctly.

Let me know if you have questions about this in the meantime.

Hi @psimatrix,

It’s been a bit since I’ve heard back, and I know sometimes it takes a little extra time to run through the instructions we provide. I’m marking this as resolved for now, but if you still have questions you can create a new ticket right here and we’ll be happy to give things another look.

Have a great day!