Streaming live at 10am (PST)

Webflow Scrambling Page Elements in Export Output

Hey everyone,

Looking to see if anyone else has had any issues with Webflow scrambling components on the page upon export.

The root of the issue seems to be my header, which is a symbol used across the site, and seems to bug out with random components from other parts of the pages being inserted, like this:
Screen Shot 2021-02-15 at 1.31.10 PM

On top are from the html export, the bottom two are what I see when I’m in the Webflow designer.

This happens on some pages, but not on others, and it’s completely random.

Hi,

Brandon here from Webflow Customer Support.

I wanted to let you know that we have have found the issue that was causing this bug and our team is currently working on a fix for this.

I do not have a timeframe for it, but can say it is on the top of our list to render a fix as it affects so many users.

I will be back in the coming days with further details and if any actions on your part are needed.

Please let me know if you have any other questions,

Have a Great Day and Happy Designing,

~ Brandon M.
Webflow Customer Technical Support Team

Hi,

I have some great news to share with you — Our engineering team has now resolved the issue you have experienced with your project related to Symbols!

Please make sure you republish your site.

There could still be some unexpected behavior, but this should be resolved in the coming day(s), but in the meantime, there is a workaround for this. If you are still seeing any of the below-described behavior follow the workaround described below.

Possible behavior:

  1. Attempting to select an element inside a symbol selects a different element somewhere on the page
  2. Interactions applied to one element affect one or more additional elements, unexpectedly (most likely one element is inside a symbol)

Workaround:

  • Create a temporary blank page (this is required to avoid selecting other elements with duplicate IDs)
  • Add an instance of the problematic symbol to the page
  • Edit the symbol
  • Select the effect/corrupted element that is acting strange
  • Copy the element: Command + C (on Mac) or Control + C (on Windows)
  • Paste the element (same location) Command + V (on Mac) or Control + V (on Windows)
  • Delete the original and keep the copy
  • Publish your site

I also like to thank you for your patience and kindness as we worked on resolving this issue, and I want to also take the time to apologize for any inconvenience this has caused.

If you have any questions, or if there’s anything else we can do for you, please let us know.