Framework: mail::button component is not rendered correctly inside mail:message with indention.

[asolopovas]

• Laravel Version: 5.5.1
• PHP Version: v7.1.8
• Database Driver & Version: MariaDb 10.2.7

Description:

mail::button component inside mail::message with additional elements renders inside the <pre> tag without closing </table>. It only happens when elements inside mail::message are indented like so.

@component('mail::message')
    # Introduction

    The body of your message.

    @component('mail::button', ['url' => ''])
        Button Text
    @endcomponent

    Thanks,<br>
    {{ config('app.name') }}
@endcomponent

if everything is without indention like so:

@component('mail::message')
# Introduction

The body of your message.

@component('mail::button', ['url' => ''])
Button Text
@endcomponent

Thanks,<br>
{{ config('app.name') }}
@endcomponent

it renders all components without an issue.

[aliusa]

Can confirm. Experiencing this since with 5.5.3

[themsaid]

https://laravel.com/docs/5.5/mail

[Byronsargeant]

@themsaid solved my issue right away. I don't understand why you have 3 thumbs down made sense to me straight away as I tabbed the contents of the mailable. Removed the tabs and hey presto!!!!

[Byronsargeant]

@asolopovas oh i see lol

[waleedakhlaq]

@asolopovas
mail button is still not working in laravel email

[fklee]

@themsaid The problem is always present
As you add a button in the middle of component, the p tag is open and closed before the table for the button but after the button, he is not reoppen. (the text is just added after the tag