Splitter, splitbar not move to rightmost side.

[ChainHome Yang]

Two panes inside a Splitter, both collapsible and resizable, when collapsing right pane, it's content invisible, but the splitbar not move to  rightmost side, what I missing?

@addTagHelper *, Kendo.Mvc

<kendo-splitter name="vertical" orientation="SplitterOrientation.Horizontal">
    <pane size="50%" collapsible="true" id="left-pane">
        <div class="pane-content">
            <h3>Inner splitter / left pane</h3>
            <p>Resizable and collapsible.</p>
        </div>
    </pane>
    <pane size="50%" collapsible="true" id="right-pane">
        <div class="pane-content">
            <h3>Inner splitter / right pane</h3>
            <p>Resizable and collapsible.</p>
        </div>
    </pane>
</kendo-splitter>

<style>
    #vertical { height: 100%; }

    #left-pane { color: #000; background-color: #F5F5F5; }
    #right-pane { background-color:lightyellow; }

    .pane-content { padding: 0 10px; }
</style>

[ChainHome Yang]

Sorry, I've found that, can't not set both size .

[Ivan Danchev]

Hi,

Your observation is correct. If you want the left pane to occupy the whole splitter width, you have to remove its size="50%" setting. Otherwise the left pane will maintain its width regardless of whether the right pane is collapsed.

Without the left pane's size setting, on collapsing the right pane, the split bar will go all the way to the right: https://netcorerepl.telerik.com/mIbvGPvJ04u8utol01