Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vue/Nuxt: nowrap setting causes child components to be unclickable/selectable in the editor #3781

Open
responsemktg opened this issue Dec 12, 2024 · 2 comments

Comments

@responsemktg
Copy link

responsemktg commented Dec 12, 2024

Describe the bug
using nowrap setting renders child components to unable to be selectable in the editor

To Reproduce
Steps to reproduce the behavior:

  1. I have been creating a component with child components
  2. I set the child component to nowrap:true
  3. When adding the children components to the parent, the children elements are unable to be selected in the editor

Expected behavior
You should be seeing the component as selected, and the inputs show up in the content editing panel. Instead it only selected the parent component.

Screenshots
Screenshot 2024-12-12 at 10 26 12 AM

The only way to access these is by selecting it in the layers panel on the left.

@samijaber
Copy link
Contributor

As per https://www.builder.io/c/docs/custom-components-setup#setting-component-options (scroll to noWrap), and https://forum.builder.io/t/custom-component-with-nowrap-true-cause-focus-issue/817, if you set noWrap: true then you your custom component is now responsible for handling props.attributes and applying that to your component's element. These attributes contain important information that the Builder content editor needs to function correctly.

@responsemktg
Copy link
Author

responsemktg commented Dec 17, 2024

@samijaber Except Vue doesnt have props.attributes. it does have $attrs.attributes though - is that what you are referencing?

Screenshot 2024-12-16 at 7 45 52 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants