koganas

Hi, i found out that Smush was using lazy load for iframes. The like button is an iframe, so this is causing the conflict. For now, i’ve just disabled lazy loading for iframes.

Thank you for all your help.

• This reply was modified 4 years, 2 months ago by koganas.

Hi @alimuzzamanalim ,

I am getting this same issue with a multisite that I am working on.
I’ve updated with more details directly at GitHub.

https://github.com/wpCloud/wp-stateless/issues/436

I am not having any issues. I am using the onclick=”void(0);” solution yet and i am having no problem at all. I think it′s better to be an option, because it is necessary in some cases, but in other cases it probably could cause other issues.

It was a really specific issue, i was using collapse o matic in more than one element and it wasn′t triggering in mobile safari. But it is resolved after this updates. Thank you.

I think is a specific issue that occurs generally with mobile safari.

Hi Baden, i’ve finally got the solution. The problem was in the content and <more> tag separation. Before it was:

/* before more tag */
<?php if(strpos(get_the_content(),'id="more-')) : global $more; $more = 0;  the_content('<span id="mas">(...)</span>'); ?>

/* after more tag */
<?php $more = 1; the_content('', true ); else : the_content(); endif; ?>

Instead of doing that, i’ve included this in the functions.php:

function split_content() {
    global $more;
    $more = true;
    $content = preg_split('/<span id="more-\d+"><\/span>/i', get_the_content('more'));
	$ID = get_the_ID();
	$quotesq = get_field('citac');

    $ret = '<div id="column1">'. array_shift($content). '</div>';
    if (!empty($content)) $ret .= '<div id="target-mais'. $ID .'" class="collapseomatic_content"><div class="citath ceq">'. $quotesq .'</div>'. implode($content) .'</div>';
	return apply_filters('the_content', $ret);
}

In the query, change it to:
<? echo split_content(); ?>

Everything is working 100% back. Thank you for your help.

That div with class “colt” is the text content div, right next to the image. I don’t see why adding the class in the master span would make difference. I’ve added anyway.

If you take a look at the source code it is like i’ve added nothing after the text content, but it should be there, even with “display:none”.

First, thank you for you patience and attention, Baden.
Unfortunately, now it doesn’t display nothing about collapse-o-matic. I’ve checked with firebug and the span tags aren’t displayed at the site render, but i’ve included the basic code.

The code was inserted inside div with class .colt

I’ve made this test earlier, but i’ve included again for you to see. It persists the same problem.

The strange behavior is that some content that is inside the hidden div (div .citath) is been displayed with absolute position relative to all page and not the content div.

Hi Baden,

i made that adjustment, but it still doesn’t work.

<a class="collapseomatic" title="continue lendo" id="mais<?php the_ID(); ?>" href="#<?php echo $post->post_name;?>"><span class="morec dow"><?php pll_e('continue'); ?><div class="dowh"></div></span></a>

<a id="swap-mais<?php the_ID(); ?>" style="display: none;" class="obg"><span class="collapseomatic colomat-close morec clos"><div class="closh"></div></span></a>

I think it’s a jquery conflict, but you might get to the issue better than me.

i am sorry, this happened because i’ve put the example and didn’t change the url properly.

But it works that way, because when the user clicks at the trigger it aligns with the beginning of the post.

I’ve made some changes to the example, so now, it’s all working except the problem with collapse o matic.

I’ve placed the example in another link. The previous link is different now.
https://saad-studio.com/thinking/

Ok Josh, i ‘ve found a temporarily good follow up
I have disabled srcset adding this in functions.php in the theme

function meks_disable_srcset( $sources ) {
    return false;
}
add_filter( 'wp_calculate_image_srcset', 'meks_disable_srcset' );

Thank you for the help.

Hello Josh, couldn’t i reset the srcset sizes in WordPress for images larger than 1600px? Maybe it doesn’t get cropped.

Just a better description of the code:

General Div that gets the anchor #
<div id="<?php echo $post->post_name;?>" class="espac">

Featured image div

<div class="coli fulls esqa">
<a href="<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ),'full' ); echo $image_url[0];  ?>
"><?php if ( has_post_thumbnail() ) { the_post_thumbnail(); } ?><span>?</span></a>
</div>

Title and text div

<div class="colt ctb" style="padding: 0 14px 0;">
<img src="<?php echo get_template_directory_uri(); ?>/images/underline-saad-black.png" width="27" height="6" />
<h1 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h1>

The content before the “more” tag. (…) hides when opened.
<?php if(strpos(get_the_content(),'id="more-')) : global $more; $more = 0; the_content('<span id="mas">(...)</span>'); ?>

The content after “more” tag
<div id="target-mais<?php the_ID(); ?>" class="collapseomatic_content" style="position:relative;margin-top: -12px;"><?php $more = 1; the_content('', true ); else : the_content(); endif; ?>

Quote div (just displays when is opened)

<div class="citath ceq"><?php the_field('citac'); ?></div>

</div> <!-- end of collapseomatic_content -->

keep reading link
<a class="collapseomatic" title="continue lendo" id="mais<?php the_ID(); ?>" href="<?php $currentlang = get_bloginfo('language'); if($currentlang=="pt-BR"){echo get_permalink( 162 );} else {echo get_permalink( 1085 );}?>#<?php echo $post->post_name;?>"><span class="morec dow"><?php pll_e('continue'); ?> <div class="dowh"></div></span></a>

close text link
<a id="swap-mais<?php the_ID(); ?>" style="display: none;" class="obg"><span class="collapseomatic colomat-close morec clos"><div class="closh"></div></span></a>