Hi,
first of all, sorry because I’m developing locally and can’t share a link.
But it’s easy to describe:
Picture a widget aligned to the RIGHT of the page, it has Slide Left enabled. So, when I scroll to him, he’ll come from outside the page…
It does so, but has the irritating effect of widening my page when hidden. A horizontal scroll appears on the browser, with unexpected extra space to the right of my content.
Once I scroll down and the widget slides left inside the page, the page goes back to its real width. The extra space to the right disappears.
If I hide the widget again (by scrolling up or down) the page braks again, showing the extra space to its right, to accomodate for the widget’s position outside the content.
Also, this same problem happens with Zoom Out. Which, by the way, appears wrongly in the drop down as “Zoom In”. The page adds an extra space to accomodate for the larger widget.
Any idea as to how to fix it?
Thanks in advance, this is an otherwise great plugin
Hey Again,
Sorry I did not reply last time, I was working with on some custom widgets and I did not want to falsely blame your code for my own mistakes :-). Currently, I am using your plugin v1.0.5 and there is one more small issue with the regex I noticed with preg_replace (line 180). In your code, you have:
1) $params[0]['before_widget'] = preg_replace( '/>/', $attr, $params[0]['before_widget'], 1 );
And I think ‘/>/’ should be changed to ‘/>$/’
2) $params[0]['before_widget'] = preg_replace( '/>$/', $attr, $params[0]['before_widget'], 1 );
Note that ‘/>$/’ includes an end of string anchor so that your AOS CSS data should be applied to the innermost <div> element, which will always be the widget’s main container div. I encountered this problem when working with grid layouts (widgets grouped in wrapper div’s in some themes). Basically the AOS data would be applied to the widget block container, rather than the single widget I assigned the AOS to.
Other than that, I would really like to recommend your plugin in my themes!! Thanks again for your update – 1.0.5 otherwise works great!!
]]>I noticed the following minor problem with the plugin. In the case of an empty div with no class attribute, I get the following HTML output …
<divdata-aos=”fade-right” data-aos-duration=”1500″>
</divdata-aos=”fade-right”>
It seems that the Regex Parser is missing something here when inserting the AOS div. Note that there is no space between “<div” and “data-aos”. However, there is a workaround … by changing
$attr = ”; —–> $attr = ‘ ‘; <– note the space
On line 141 of ra-widgets-animate.php. After this I get nice HTML output and the plugin works great.
<div data-aos=”fade-right” data-aos-duration=”1500″ class=”aos-init aos-animate”></div>
]]>I noticed the following minor problem with the plugin. In the case of an empty div with no class attribute, I get the following HTML output …
<divdata-aos=”fade-right” data-aos-duration=”1500″>
</divdata-aos=”fade-right”>
It seems that the Regex Parser is missing something here when inserting the AOS div. Note that there is no space between “<div” and “data-aos”. However, there is a workaround … by changing
$attr = ”; —–> $attr = ‘ ‘;
On line 141 of ra-widgets-animate. After this I get nice HTML output and the plugin works great.
<div data-aos=”fade-right” data-aos-duration=”1500″ class=”aos-init aos-animate”></div>
]]>