Border with auto hide is still visible

[rcostavoloridge]

Describe the bug

This is a very simple but to reproduce.

var json = { global: { borderEnableAutoHide: true, }, borders: [ { location: 'bottom' } ], layout: { type: "row", weight: 100, children: [ { type: "tabset", weight: 50, children: [ { type: "tab", name: "One", component: "placeholder", }, ], }, { type: "tabset", weight: 50, children: [ { type: "tab", name: "Two", component: "placeholder", }, ], }, { type: "tabset", weight: 50, children: [ { type: "tab", name: "Two", component: "placeholder", }, ], }, ], }, };

With the above model, drag a tab to the bottom border, then you remove it, border bottom will be visible until you start dragging a tab again.

Demo

Your Example Website or App

https://stackblitz.com/edit/flexlayout-border-bug-demo

Steps to Reproduce the Bug or Issue

From the demo url above:

• Delete tab from the border (border container should be gone)

Expected behavior

Border should not be visible once the last tab has been removed.

Operating System

Any

Browser Type?

Chrome

Browser Version

latest

Screenshots or Videos

You can see from this image that the bottom border is visible even tho there is no tabs in there.

Additional context

No response