<tree id="tree" rows="5">
        <treecols sizable="true">
            <treecol label="Name"/>
            <treecol label="Description"/>
        </treecols>
        <treechildren>
            <treeitem>
                <treerow>
                    <treecell label="Item 1"/>
                    <treecell label="Item 1 description"/>
                </treerow>
            </treeitem>
            <treeitem>
                <treerow>
                    <treecell label="Item 2"/>
                    <treecell label="Item 2 description"/>
                </treerow>
                <treechildren>
                    <treeitem>
                        <treerow>
                            <treecell label="Item 2.1"/>
                        </treerow>
                    </treeitem>
                    <treeitem>
                        <treerow>
                            <treecell label="Item 2.2"/>
                            <treecell
                                    label="Item 2.2 is something who cares"/>
                        </treerow>
                    </treeitem>
                </treechildren>
            </treeitem>
            <treeitem label="Item 3"/>
        </treechildren>
    </tree>

        .z-tree:focus-within {
            position: relative;
        }
        .z-tree:focus-within::before {
            z-index: 1;
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            box-shadow: inset 0 0 0 2px #E67626, inset 0 0 0 0px #FFFFFF;
            pointer-events: none;
        }