This topic contains 3 replies, has 3 voices, and was last updated by Sean Sean 6 months, 3 weeks ago.

[bug] Using Page Builder but then Bootstrap Modal not working properly


  • jarollz
    Participant

    Member Reply #15785

    There’s a bug in the generated HTML codes from page builder. If “Page Loader” is set (when I tried it, I use “Spinner Message”), then opening Bootstrap Modal will show the modal, but with black overlay making the modal and the whole page unclickable.

    The fix is by changing the generated HTML code from page builder, in file “index.html” at around end of file:

        ...
        $(window).on('load', function() { $('body').removeClass('m-page--loading'); });        
        ...
        <!-- end::Page Loader -->
        ...
    

    Change the window onLoad function handler body to:

    $('body').removeClass('m-page--loading m-page--loading-enabled');
    
    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #15842

    Hi,

    We are aware of this issue and in the next update we will release a hot fix for the issue. In the meantime you can use below hot fix with your source:

    1) Go to your demo’s page scss file:  “src\sass\demo\default\base\_page.scss”.

    2) Remove “both” attribute from below code:

    .m-page–loading-enabled & {

    @include animation(m-animate-fade-in .5s both);

    }

    3) Compile the theme with “gulp” or “gulp –prod”.

    If you need any further help please let us know.

    Thanks.

     


    renkawan
    Participant

    Posts: 14
    Member Reply #15855

    thanks man, this one save me about my problem. I got black screen over the modal as well.

    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #15946

    Great! In the next update we will include the official fix. All the best!

You must be logged in to reply to this topic.