Unwanted animated menu

Hi Jeremy, there are several pages linked to the same master page. On only one of the pages, the menu zooms in from the backround when I call up the page. It looks as if the menu slowly unfolds and becomes bigger until it reaches its dedicated position. Any idea where this comes from? “Animate” in the Menu zone of the Menu box on the master page is set to off. The other pages don’t behave like this. Thanks, Ernst

Hi Ernst,

Is this a published web page? Do you have a link I can look at?

Yes, I’ve already sent the link, its www.estroer.de
It’s the Composer/Komponisten page.

It seems to happen only on the first attempt. Once the page is in the cache, the menu is static.

Hi Ernst,

That is an interesting effect!

It only seems to happen in Safari, and I can see that it happens regularly for that page if I hold down the Option key and choose Reload Page from Origin in Safari’s View menu. I have also seen it happen occasionally for other pages (e.g. Home), but I can’t reproduce it reliably.

I wonder if it could be something to do with the transition property that is applied to the menu. If you select the menu on the master page and delete what is in the Hover Transition field, does that make a difference? If so, try entering color 1s (instead of just 1s) in this field.

Hi Jeremy,

the zoom effect also occured with Chrome and Firefox on different computers and iPad. If I set the Hover Transition field on color 1s the menu appears static but slowly changes color from blue to grey.

Deleting the Hover Transition field solved the problem. I already uploaded the corrected website.

Thank you very much for your fast response!

Best, Ernst

I’m still not sure why the transition is having this effect, and I can’t reproduce it in a test document. If you’re able to send me a cut-down copy of your document (containing just this page and its associated master page), that might help me to track down the actual problem. To create a cut-down copy:

  1. Duplicate the document (File > Duplicate)
  2. Delete other pages in the duplicate document
  3. Save the duplicate document, then close and reopen it (this will remove any resources that aren’t needed)
  4. Empty the Site folder (File > Empty Site Folder)
  5. Save it again

You can use the Finder to compress the cut-down document, and if it’s small enough you might be able to email it to me directly (as an attachment). Otherwise, the simplest thing is to use a file-transfer service (such as Dropbox) and email me a link. The email address to use is support at softpress dot com.

One thing I noticed from looking at the page source: you seem to be styling paragraphs by selecting the text within them and styling that. This creates a span within the paragraph. This is something you might have done in Freeway, but the simplest way to style a paragraph in Xway is to use the Paragraph Inspector and style the paragraph directly (you don’t need to select any text to do this).

After further testing I can reproduce the expanding text effect in a test document. This happens in Safari and in Xway’s Web view (but not in Firefox or Chrome) if I add an audio or video element to a page that has a menu with a 1s hover transition. This seems like a quirk in Safari - or rather in the Webkit engine which is used by Safari and by Xway’s Web view.

But I haven’t been able to reproduce the colour transition, so I’m not sure what was triggering that.

Ah very good, that explains why it’s only happening on the Composer page. The other pages don’t have audio elements. Still strange … But anyway, you found a way to solve the problem. :+1:

Best, Ernst