Fixed positioning context

  • Hi @codemanas,

    First of all, thank you for this plugin, love it’s effectiveness without any bloat.
    I couldn’t find any public repo so I’ll just publish it here.

    When the post content is nested under an element that has the CSS properties filter or transform set the popup doesn’t position as expected anymore. This is because at this moment the popup is rendered within the site content.
    Transform and filter CSS properties will change the popup’s location in context to this element’s location and size instead of the browser viewport.

    For this reason I would like to suggest an opt-in setting for the popup to render in the site root (or after an element defined with an ID selector).
    This way it could render the popup within the <body> tag and therefore fix any fixed positioning issues.

    Let me know your thoughts and in the case there is a public repo I’d be happy to help.

    Cheers, Jory

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Jory Hogeveen

    (@keraweb)

    Quick note for anyone looking for a quick-and-dirty fix for this:

    ( function($) {
  $(window).on( 'load', function() {
    $( '.wp-block-codemanas-simple-popup-block' ).appendTo( 'body' );
  } );
} )(jQuery);

    Hi Jory,

    Thank you for pointing this issue out and providing the quick-and-dirty, fix. We are currently working on ways to improve the plugin an ETA isn’t available but we hope to provide some improvements soon.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Fixed positioning context’ is closed to new replies.