Custom templates do not stack

[jesseflorig]

If I use the default template with {{> sAlert}} the alerts stack as expected. If I copy the default example from the documentation and make it a custom template, the templates overlap each other.

{{> sAlert tempalte="customAlert"}

Custom template

<template name="customAlert">
    <div class="s-alert-box s-alert-{{condition}} s-alert-{{position}} s-alert-effect-{{effect}} s-alert-show" id="{{_id}}">
        <div class="s-alert-box-inner">
            <p>{{message}}</p>
        </div>
        <span class="s-alert-close"></span>
    </div>
</template>

[juliancwirko]

Not good :/ I will test it and try to fix it ASAP. Thanks.

[juliancwirko]

Hey, I can't test it now, but I see here that you forgot about style="{{boxPosition}}" in main s-alert-box element.
This is my fault. It wasn't in the readme example.

<div class="s-alert-box s-alert-{{condition}} s-alert-{{position}} {{#if effect}}s-alert-effect-{{effect}}{{/if}} s-alert-show" id="{{_id}}" style="{{boxPosition}}">
    <div class="s-alert-box-inner">
        <p>{{#if isHtml}}{{{message}}}{{else}}{{message}}{{/if}}</p>
    </div>
    <span class="s-alert-close"></span>
</div>

[juliancwirko]

Ok, I have added some adjustments in version 2.3.4. It should work, just remember to add style="{{boxPosition}}". Let me know if it works for you. Thanks.

[jesseflorig]

@juliancwirko 👍 Thanks for looking into to this and resolving it! I apologize for not being active over the past 48 hrs :/

[juliancwirko]

Ok :) closing this one