Cant Validate form, if the submit button is outside of the component , and the form is in the component

I have a component that has a form

Component XX

-Form F1 ( has validation fields )

I ad the component to a page so it is like this , and I add the button to "submit the from outside of the component

Page

-Component XX

-Button

When Try to set the button tu validate Form F1, it tells me I have no "validable" forms on the page, however it allows me to interact with the form ( like to change data ) but not to validate it.

It seems that the validate button should be in the component.

However in this case I need the form to be processed different depending on what page it is ( thus I make the button OUTSIDE the component.

I know I could fix it with logic and app-state variables , but this looks like a bug or there's something I'm missing

1 reply