How come "required" doesn't work for this particular text input?

Hi friends! I have a country code text input that I have created. As you can see from the screenshot it’s in a container, followed by the text input, followed by a search and options.

I have set “required” as true for the text input, but when i don’t fill it up, i am still allowed to proceed.

I wonder how to get the required to work in this case?

I can’t see if you are using a Form element.
You need that for required.

Yes I am using a form element, it’s called ‘Content 1’ in the screenshot. The other input boxes work fine but not this one

Hmm, I can’t really recreate it either. Not sure what it could be. when i tried everything worked fine.
If you drag another required input box into the same container, will it be required?