Hello,
as you can see in the screenshot I tried to copy and paste an element, to be specific the columns element in the middle of the pic. I wanted to paste onto another page but I always got the same error message “Section elements cannot be pasted inside each other.”. This goes for every element I tried to do this with, in this project.
To be clear I selected the element I wanted to paste the copied element in.
In this case I selected a section element and tried to paste the columns block inside of it.
I have worked on several Webflow projects and this kind of thing never happened.
Do you have any idea why this happens?
My guess is that it has something to do with the element structure of this template, but I can’t find out what exactly happens (this is my first time working with templates).
from MDN
The HTML <section> element represents a standalone section — which doesn’t have a more specific semantic element to represent it.
So there is a reason why Webflow doesn’t let you place <section> inside <section> It make sense to me and I have doubt that Webflow ever allowed wrong HTML structure.
HI @oncold original question was about placing section element into another section. So as you can read in MDN section can’t (should not) be placed in another section. It is the same as if request will be why I can’t or is semantically wrong eg. to place h1 into h1.
If you have problem with your template (theme) you can ask developer team who you bought theme from. If you have a specific question to Webflow (not theme) feel free to create a new thread.
If MDN doesn’t answer the question about <section> element you can read more details on W3C this consortium is setting the rules what and how but its is a bit techy read, even for me.
Hello,
I talked with the designer of this specific template. And it seems to be an issue with the template itself. And not Webflow. I would suggest using another template.
Weblow’s designer has a “Section” block.
It is a plain div with no styling in the page HTML unless you add some. The restriction on nesting comes from the designer and is self-imposed by Webflow.
It does beg the question as to why Webflow decided to do this. Probably so you could easily group content and rearrange it in the designer. That’s my guess.
hi @webdev my suggestion that Webflow set this rule for <section> has is to do with keeping some way difference between basic div and section even that it is only plain div for these who aren’t familiar with css. WF referencing it or explaining ( in video ect.) as sections separator/container.
I can imagine that behind scene WF just referencing this element as <section> no mother what tag you apply to it. That’s what I have tried explain why it doesn’t work or more accurately what is section basic behaviour.