Unable to select direct child (using /)

[maio]

Hello,

I'm trying to write following template:

    <div th:replace="~{:: my-fragment(icon=~{:: /span})}">
        <span class="icon">X</span>
    </div>

    <th:block th:remove="all">
        <div th:fragment="my-fragment(icon)">
            my-fragment <span th:replace="${icon}"></span>
        </div>
    </th:block>

According to markup selector syntax (if I read it correctly) ~{:: /span} should select span inside current node.

But it seems that ~{:: /span} on line 1 is unable to select <span>Hello</span> and pass it to my-fragment.

[duoduobingbing]

I have run into this myself as well.

The documentation states

The basic syntax includes:
/x means direct children of the current node with name x.

However /sth seems to select all <sth> that are a direct descendant of the document root instead of the direct descendants of the current node.

In your case

    <div th:ref="example" th:replace="~{:: my-fragment(icon=~{:: example/span})}">
        <span class="icon">X</span>
    </div>

    <th:block th:remove="all">
        <div th:fragment="my-fragment(icon)">
            my-fragment <span th:replace="${icon}"></span>
        </div>
    </th:block>

should work