Does not work when surrounded by if-template

[FraBle]

I use the core-splitter to dynamically resize two video elements, which are next to each other, with the splitter in between. However, when I want to activate it only under certain conditions (if-template), it will render but not move.

        <template if="{{ true }}">
          <core-splitter direction="left" minSize="200px"></core-splitter>
        </template>

[frankiefu]

This is a bug. But you can use hidden attribute to toggle the visibility of the splitter.

<core-splitter direction="left" minSize="200px" hidden?="{{ !showing }}"></core-splitter>

This is actually better since template if will create/remove the element, and hidden just toggles the display css property.

[FraBle]

Alright, thank you!