WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. C W
    Member
    Posted 7 months 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.

    http://wordpress.org/plugins/clean-and-simple-contact-form-by-meg-nicholas/

  2. megnicholas
    Member
    Plugin Author

    Posted 7 months 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
    Member
    Posted 6 months 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
    Member
    Plugin Author

    Posted 6 months 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
    Member
    Posted 6 months 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.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.