ASL displays differently when logged out

  • Resolved antforshaw

    (@antforshaw)


    3 years, 6 months ago

    Hi,

    I recently added the ASL plugin to our website and that appears to have worked, but now when users are viewing the site when not logged in, the search box is being rendered differently, the markup is missing many lines and wraps.

    The most significant differences are the missing lines with classes starting with the letters “pro”:

    <div id="ajaxsearchlite1" class="wpdreams_asl_container asl_w asl_m asl_m_1 hasASL">
<div class="probox">
    <div class="promagnifier">
                <div class="innericon">
            <svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
                <path d="M460.355,421.59L353.844,315.078c20.041-27.553,31.885-61.437,31.885-98.037
                    C385.729,124.934,310.793,50,218.686,50C126.58,50,51.645,124.934,51.645,217.041c0,92.106,74.936,167.041,167.041,167.041
                    c34.912,0,67.352-10.773,94.184-29.158L419.945,462L460.355,421.59z M100.631,217.041c0-65.096,52.959-118.056,118.055-118.056
                    c65.098,0,118.057,52.959,118.057,118.056c0,65.096-52.959,118.056-118.057,118.056C153.59,335.097,100.631,282.137,100.631,217.041
                    z"></path>
            </svg>
        </div>
    </div>

    
    
    <div class="prosettings" style="display:none;" data-opened="0">
                <div class="innericon">
            <svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
                <polygon transform="rotate(90 256 256)" points="142.332,104.886 197.48,50 402.5,256 197.48,462 142.332,407.113 292.727,256 "></polygon>
            </svg>
        </div>
    </div>

    
    
    <div class="proinput">
        <form autocomplete="off" aria-label="Ajax search form">
            <input aria-label="Search input" type="search" class="orig" name="phrase" placeholder="Search.." value="" autocomplete="off">
            <input aria-label="Autocomplete input, do not use this" type="text" class="autocomplete" name="phrase" value="" autocomplete="off">
            <input type="submit" value="Start search" style="width:0; height: 0; visibility: hidden;">
        </form>
    </div>

    
    
    <div class="proloading">

        <div class="asl_loader"><div class="asl_loader-inner asl_simple-circle"></div></div>

            </div>

            <div class="proclose" style="display: none;">
            <svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
            <polygon points="438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 73.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 "></polygon>
        </svg>
        </div>
    
    
</div>
</div>

    At a guess I would say that because I don’t have the PRO verrsion then it is refusing to render the search box correctly. Why does it display perfectly while I am logged in, and only breaks for everyone else who isn’t logged in?

    Many thanks in advance,

    Anthony

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi,

    There should be no difference in the output of the plugin regardless the user is logged in or not – the plugin prints the same exact output.
    Usually cache plugins or CDNs do HTML minification/modification of the output, that is probably the reason behind it. Usually the cache is only enabled for non-logged in users by default, hence the difference. Removing line wraps and such however mostly does no harm, so it is more likely that you have CSS minification and combination activated somewhere.
    Try fiddling with your cache plugin options to find the cause.

    Best,
    Ernest M.

    Thread Starter antforshaw

    (@antforshaw)

    Hi – I have deactivated our cache plugin for the time being, and the problem still persists. Check out the rendering of the search bar on this page: https://www.fletcherssolicitors.co.uk/

    It is definitely not rendering all divs correctly – please confirm. It’s actually breaking the front page of our site, but not sub-pages. Inexplicable.

    I don’t suppose you have any ideas?

    Many thanks in advance,

    Anthony

    Plugin Author wpdreams

    (@wpdreams)

    Sure!

    The output seems all right to me, the page is not broken either, everything seems to be fine on my end: https://i.imgur.com/v6JLNzn.png

    Make sure to clear your browser cache as well.

    Best,
    Ernest M.

    Thread Starter antforshaw

    (@antforshaw)

    Thanks for your speedy reply Ernest ??

    I can see from your image that it’s now working OK, but I can’t explain why it fails to render correctly at other times. It may work fine for days after this but it *will* break again as it has already several times this week. I have completely disabled the cache and CDN for the time being and will monitor the site to see if this re-occurs.

    I’ll send you an image the next time it breaks along with the markup in the page that clearly is different to other pages. Question: Are the ASL styles triggered by Javascript and applied on the fly? Could this be something that needs to be skipped from caching?

    Many thanks in advance,

    Anthony

    Thread Starter antforshaw

    (@antforshaw)

    Quick update – I believe the issues are related to Cloudways’ Breeze cache plugin, which many customers are complaining about presently. I have contacted them and they are working on a solution that, hopefully, will be released into the wild soon.

    I don’t believe the issue lies with ASL, just that it shows the symptoms of the underlying issue with Breeze.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘ASL displays differently when logged out’ is closed to new replies.