действие формы не работает внутри шаблона ветки

Привет у меня проблема в шаблоне ветки. Я пытаюсь загрузить изображение в корзину s3, используя пользовательский модуль и загрузчик jquery-файла, для этого у меня есть собственный тип поля, но я застрял в месте, где я пытаюсь отобразить ветку со страницы элемента формы. Twig выполняет рендеринг, но часть его не работает, не знаю, почему здесь мой класс виджетов полей

 public function formElement(
FieldItemListInterface $items,
$delta,
Array $element,
Array &$form,
FormStateInterface $formState
) {
$s3FormDetailss = GetSignature::getSignature();// To get the policy

$element['s3_select_image'] = array(
'#theme' => 'image_uploade_page',
'#s3FormDetails' => $s3FormDetailss,
$element['#attached']['drupalSettings']['variable'] =     $s3FormDetailss,
$element['#attached']['library'][]=    's3_file_uploader/s3_file_uploader-styles',
);return $element;
}

Вот класс веток

{{ attach_library('s3_file_uploader/s3_file_uploader-styles') }}
<div class="container">
<!-- <h1>Direct Upload to data</h1> -->

<!-- This part is not working and everything else is working -->
<form action= "{{ s3FormDetails.url }}"method="POST"enctype="multipart/form-data"class="direct-upload">

{% for key,value in s3FormDetails.inputs %}
<input type="hidden" name="{{ key }}" value="{{ value }}">
{% endfor %}
<!-- Key is the file's name on S3 and will be filled in with JS -->
<input type="hidden" name="key" value="">
<input type="file" name="file" multiple>

<!-- Progress Bars to show upload completion percentage -->
<div class="progress-bar-area"></div></form>

<!-- This area will be filled with our results (mainly for debugging) -->
<div>
<!--  <h3>Files</h3> -->
<textarea id="uploaded" name="hide" style="display:none;"></textarea>
</div>

</div>

в классе веток все работает как надо, но все внутри тега формы не работает, не знаю, почему, пожалуйста, помогите