Container not auto-sizing to fit content

[Randolph]

Hi,

I've been using the Kendo Notification and I swear it automatically re-sizes the notification to fit the message or content. But suddenly that behavior just stopped. I'm not sure what I did wrong. Here's the some code snippet and a screenshot:

<span id="useAIbleGlobalNotification"></span>
<script type="text/javascript">
var useAIbleNotification;
$(document).ready(function(){
  useAIbleNotification = $("#useAIbleGlobalNotification").kendoNotification(
                {
                    position: {
                        top: null,                        
                        bottom: 20,
                        left: 20,
                        right: null,
                    }
                }).data("kendoNotification");
}
</script>

I call it like these:
useAIbleNotification.show("my message", "success");

As you can see I purposely positioned it to the lower left corner so that I won't worry about the content being too long. But now the notification is no longer re-sizing to fit the content. I tried manually putting a width but it doesn't re-size and just stays the same every time. What am I doing wrong?

Thank You

[Dimo]

Hi Randolph,

You either have some hard-coded width styles, which are related to the Notification widget, or the Notification popup on your screenshot has not been the first one to be displayed in a stacked collection:

http://www.telerik.com/forums/different-width-message-clipping-issue

Regards,
Dimo
Telerik