Contact Form Clean and Simple
[resolved] Visibility of inline frame (5 posts)

  1. C W
    Posted 1 year ago #

    I notice that the contact form adds an iframe on the client side:

    <iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border: none;">This frame prevents back/forward cache problems in Safari.</iframe>

    I assume that this has been added for good reason. It would, however, be good if this could be hidden properly using the display: none property (visibility: hidden renders the element invisible but does not prevent it from taking up space). At the moment, it is creating a gap in my layout below the content area.


  2. megnicholas
    Plugin Author

    Posted 1 year ago #

    Hi there,

    The plugin does not add any iframe tags. Can you check the page you have put the contact form on in text view? There should be no tags around the shortcode.
    If not then it could be your theme doing this.
    Can you give me a url?

    Thanks, Meg

  3. C W
    Posted 1 year ago #

    Hi Meg, the iframe isn't being added at or around the shortcode, it seems to be added dynamically after the content area. And it's only occurring on pages in which the contact form is included. (I also checked for any conflicts by deactivating all other plugins except the contact form.)

    This is the live page with the contact form. This is an identical page without the contact form. (Scroll down to the bottom to compare: on the live page, there's a thin black bar between the content area and the footer where the iframe has been produced - if you're looking in the DOM inspector, it's before the #prefooter element.)

  4. megnicholas
    Plugin Author

    Posted 1 year ago #

    If you turn off recaptcha you will find the iframe disappears.

    I'm afraid I have no control on the html produced by google. Google puts this element in as part of it's scripting for the recaptcha element. It seems to have put it there to fix a problem with Safari.

    I guess you don't want to turn off recaptcha. Maybe there is something in your style sheet that is doing this for iframes?

    BTW don't forget that this plugin will now weed out spam using the akismet plugin if you have it activated (in case you were thinking about turning off recaptcha).

  5. C W
    Posted 1 year ago #

    Thanks for tracking that down. It is of course possible to use a CSS rule along the lines of:

    iframe[src="about:blank"] {
         display: none;

    ... which I've now thrown into my stylesheet. Could be worth integrating something of that kind into the plugin. (The above rule is deliberately specific in its targeting.)

    I strongly dislike Recaptcha anyway - it produces far too many totally illegible challenges - so I may indeed deactivate it as you suggest.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form Clean and Simple
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.