I need to display a confirmation dialog on the screen using kendo.confirm. Everything work as expected until I resized the browser to see if the message displays correctly on the mobile. However the confirmation dialog text did not wrap on the screen. I tried to reproduce this in a dojo but can not. After further investigation I found that my site is missing the "display: block" or "display: inline-block" from the window wrapper.

Could you tell me who adds this so I can try to debug and see why the "display" property is not added.

Hello Dan,

I am not able to reproduce the issue on my side based on Dialog - Predefined dialogs demo. Could you provide snippets for reproducing the issue, as well as Kendo UI version and browser version used for testing? Also which theme is used for reproduction?

As a side note, I would suggest you set viewport meta tag on pages, which are meant to be viewed on mobile browsers as well, e.g. at least declared as:


This would allow for proper sizing of the content, when viewed on mobile device browsers. Probably this meta tag would help you with the current problem.

Regards,
Dimitar
Progress Telerik

Hi Dimitar,

I already told you I can not reproduce it either. The kendo version is 2018.2.620 and the browser that I can reproduce the problem is Internet explorer. On the other browser even though the display css property is not added the message is still wrapped.

Also the meta tag is already added to the site.

Like I said the only difference that I saw on my project and the existing site was the css display property added to the container.

If I open a ticket will I get the response about the code?

Hi Dan,

The display property is set to the container using jquery - screenshot. The following video shows how to find what code modified the display property of the confirm dialog. I hope this is useful to debug the problematic scenario on your side.

Regards,
Dimitar
Progress Telerik