ID set on Section Component not recognized by link elements

Hello Webflow Community,

I’m facing an issue with setting IDs on a section element within a Webflow component. Here’s what I did:

1.	Created a component with a section as the outermost element.
2.	Assigned an ID to the section via the component’s properties.
3.	Added the component instance to a page and set an ID through the prop.

However, the ID does not appear in the link settings dropdown, and the link element does not recognize the section.

Steps I’ve taken to troubleshoot:

•	Verified the ID is correctly assigned to the component instance.
•	Inspected the HTML of the published page using developer tools to check if the ID is present.
•	Cleared browser cache and used an incognito window.
•	Checked for duplicate IDs on the page.

Despite these efforts, the problem persists. Is this a bug, or am I missing something? Has anyone else experienced this issue or have any suggestions on how to fix it?

Thanks in advance for your help!


Screenshot 2024-06-20 at 22.31.12

Same thing on my side, component linked ID is not detected by the link block internal section link settings. Not entirely sure why that is the case.

Worked around by manually typing in the anchor link under the link block URL setting. It works the same way by typing in the link https://sample.com/#ID for anchoring to the section you set the ID on.

@webflow: It looks like this is still a thing. Are you looking into it?

1 Like

I came here to ask this exact same thing. So… looks like it’s still not fixed.

The link-to-section feature of link elements won’t see the ID’d links inside of Components.

But that’s theoretically different for each page nav anyway, I’d separate your components from your nav.

Wrap the component in a DIV and ID that DIV . On-page section linking should then see it.

Either way though /page#link formation should still work as long as you don’t have duplicate ID’s, follow case-sensitivity rules, etc.