question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot Drag custom components

See original GitHub issue

Hi,

We are trying to create custom components and find the components created cannot be dragged.

Steps to re-create

  1. http://formio.github.io/formio.js/app/examples/customcomponent.html
  2. Try creating 2 check box components
  3. Try dragging one on top of other
  4. Builder will show the change, but render component does not show the change
  5. In the image below, the render and builder component shows different component order

image

What is happening in WebFromBuilder.js ln: 938 if (element.component) returns as null for a custom component upon drag after initial setup.

Please help. Thanks

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:13 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
152hqcommented, Dec 3, 2018

yes, but if a form has custom components, it really affects the layout . Is there a fix for this? We have worked out a solution by appending the below code as last line in the build function to fix this. Please let us know if there be a better solution

this.element.component = this;

Thanks

0reactions
wag110894commented, Sep 14, 2020

@mujtaba1016,

We will take a look and see why this is happening. We created a ticket and have added it to our backlog. We welcome a PR or have a process to expedite this issue. For reference, the ticket number is PDF-159.

We will let you know once this issue has been resolved.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Delphi cannot drag and drop custom components
Open the project of your component; Right click the component in the project manager > click Uninstall; Add the attribute above your class ......
Read more >
Not able drag and drop the touch UI components from the left rail
Hi, There is a problem i am facing, where i am unable to drag and drop the touch UI components from left rail,...
Read more >
ag-Grid (React): Drag & Drop
Custom Drag Component · The dragging works similar to before, rows are dragged from the left grid to the right drop zone. ·...
Read more >
Lightning App Builder - Unable to drag an iframe lightning ...
The only workaround is to click the component before the iframe has time to load itself, then you can adjust the properties, move...
Read more >
Cannot drag web parts - SharePoint - Microsoft Tech Community
Hi Has anyone else noticed that it is currently not possible to move web parts with drag and drop. I have tested a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found