Multi-file upload goes beyond template

EN I realized that if the files have a long name, then the progress bar will go beyond the template. I think it needs to be fixed by truncating the file name.
—
RU Я понял, то что если файлы будут иметь длинное название, то прогресс бар будет выходить за пределы шаблона. Я считаю что эо необходимо исправить путём обрезки названия файла.

@maks1192 , can you please email me the sample file with a long name?

here’s my email: glenmongaya@gmail.com

I tried in my end but I cannot replicate the issue – see https://snipboard.io/WypOEh.jpg

EN Sent to you by email.

I have a distorted template from a file with any long file name.

In another video, where the file name is affected exactly the same as yours. But for some reason you do not have such a problem, but for me it is clearly distinguishable with an error ??

https://youtu.be/hx_7aX9McPo
—
RU Оправил Вам на почту.

У меня искажается шаблон от файл с любым длинным название файла.

Во ещё одно видео,где затрагивается имя файла точно схожее с Вашим. Но почему то у Вас такой проблемы не наблюдается, а у меня она явно отличительна с ошибкой.

@maks1192 , I didn’t received the file can you please send it again?

@glenwpcoder Sent ??

Thanks @maks1192.

Received.

I tried in my demo site but it seems fine.

Can you try here ? https://www.codedropz.com/contact/

Also, Can i see the link to your site so I can check or investigate? maybe there’s specific width of your main container or something.

@glenwpcoder, EN. Yes, of course, my site is https://bit.ly/38hcvBs. The only moment, the plugin form is on the third step of the contact form (you will need to enter false data ?? )
—

• This reply was modified 4 years ago by Maxim.
• This reply was modified 4 years ago by Maxim.

Hello @maks1192

Can you this css inside your theme?

.pb-claim-file {
max-width: 510px;
width: 100%;
}

@glenwpcoder , EN. Yes, everything is ready. I have downloaded the given code.
—

I have already tried the given code for the class
codedropz-upload-wrapper
in the developer panel and it seems .. it works! Now all that remains is to embed the plugin and wow in the template!

It seems to me that this should be implemented in the plugin of the new version)

• This reply was modified 4 years ago by Maxim.

@maks1192 ,

Thanks but I cannot add specific width on this plugin, every website has different container/wrapper.

The plugin width is 100% and it should followed with the main container.

In your case your template did not specify the width of the container (it’s floating) that’s why the upload details overlap.

Maybe it’s because you are using visual composer.

@glenwpcoder , EN. Visual composer .. no, I haven’t used one. Now there is something to learn))
Regarding the markup of the style of your plugin – now I understand, I will mean it.
Thank. And my problem is finally solved! ??
—

Hey!

I have the exact same problem with my site.
https://theneoncompany.shop/quotation

The form is useless when uploading files on a iPhone ??

Fixed!

I used the solution above ^ (Keep in mind that the max-width code makes it useless for the mobile. Only use the code below:

.codedropz-upload-wrapper {
    width: 100% !important;
}

There is one problem that came up when fixing this. It is the problem that you can’t see the image title anymore. So please take a look at that. See it for yourself Problem image.

Thanks!