What are you trying to do? (please be as specific as possible and include relevant screenshots, code snippets)
Hello, in my project im using the upload component from Ant5, this component has a children slot with a default button, depending on the use i have my own button created for my design system inside this slot ( i used the recently added plasmic customizable components);
Today at around 6 PM they all stopped working, for some reason the component stopped recognizing my button when clicked. i have multiple pages with this same setup and they all stopped working.
I made sure to check multiple browsers and it happens in all of them, not sure if the ant5 library got updated in this time frame or a dependency got deprecated. but it suddenly broke.
[UPDATE] it seems the issue runs even deeper, i also have the modal component from ANT5 with my button inside the trigger slot, it also does not work, for some reason all ANT5 components are ignoring my button when placed on the trigger slots. my button can be found as “A/Button Primary” in my components. the button does work perfectly in any other scenario but now ant5 does not recognize it or ignores it.
What are the reproduction steps?
Add an upload component from the ant5 library, change the default button in the children to a custom made button ( horizontal stack with the on click interaction. )
it won’t trigger the component to open the upload window.
you are right i couldn’t reproduce it either, i really have no idea why it suddenly began ignoring my button, would you mind checking it yourself ? you will noticed its practically a component with stacks that act as button.
Also you will notice a side effect running in some variants, i had to add that for form submissions because if i turned the main stack into a button by changing the tag from “box” to “button” all components where i used my button would trigger the form submission. i don’t know if you have a solution for this ? so now i run a custom script only when “form submit” prop is on.
I also tried replacing the main stack with an actual button from ant5 and wrap the contents inside. but when i try to link the “on click” prop to the component for external use, my current on click function does not appear. i can’t use a new on click function because i have so many components and pages using my button all of them would break. so yeah for some reason this button began glitching.
it happens when you have a “side effect” component which is not rendered by default. rendered during the “pressed” interaction variant. here is the example with the same file you sent me.
in my component i use that interaction to run the submit action on forms since plasmic wont let me add an “on click” interaction to the component when i connect the event handler to a prop. it would be great if we could have both simultaneously.
Hi guys thank you, i had to create a new component to fix the project before the fix was made but regardless thanks for the help. if i ever use the setup again i will make sure to consider it.