FLy, thank you and I totally agree. There are always changes to browsers and applications that can catch anyone out (including Xara).
It is embarrassing but it should not be unexpected. It happens on big and small sites (and companies).
You obviously fix it in an offer of goodwill and if you have customer support in place then the customer has an extra level of assurance.
I get a fail on XPro+v21.7 but also a fail on XDPXv18.0.
XDPXv17.1 and earlier work for the animated form.
When working, it all works across all my browsers.
I have compared old code with new and I think the problem lies in Xara (still) not adding in ani.css properly.
Instead we have a dependency of
<link rel="stylesheet" href="index_htm_files/ani.css" as="style" onload="this.onload = null; this.rel = 'stylesheet'">.
I think the coding for the animation is now embedded inside
roe.js but this is not handling the
overlay <div class="xr_trigo_xr_ce0" style="position:absolute;left:20px;top:236px;width :627px;height:3228px;z-index:-1;"></div>, which covers the animated form.
jQuery is not being loaded but I think the failure is a CSS one.
A workaround:
Add an ID of id="fadeIn" to the Placeholder code:
<iframe
id="fadeIn" src="https://app.wohnungshelden.de/public/search-request?c=cc0a2bda-360b-496c-ac37-048a225ca9d7" width="100%" height="100%" frameborder="0" scrolling="auto" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>
In the Placeholder head, put:
Code:
<style>
#fadeIn {
animation: fadein 2.5s ease-in;
}
@keyframes fadein {
0%, 60% { opacity:0; }
90%{ opacity:0.25; }
100% { opacity:1; }
}
</style>
Effective across all versions.
You should raise this issue with Xara.
Acorn
Bookmarks