Hi, I am trying to get the of side-nav-bar after pressing the mdb-vue toggle button.

After I am pressing the button of the collapse(toggle), I checking the width and always getting the previous value. Is there a way to get the current one?

Here I am trying to get the width with toggleSideNav:

    <mdb-side-nav slim :isCollapsed="collapsed" :name="userName" :OpenedFromOutside="true" id="sideNavContainer"
              logo="/static/img/user.54e9ec53.png" logoRound>
    <mdb-icon class="position-absolute custom-collapse" icon="arrow-left" v-if="!collapsed"
              @click.native="toggleSideNav"></mdb-icon>
    <mdb-icon class="position-absolute custom-collapse" icon="arrow-right" v-if="collapsed"
              @click.native="toggleSideNav"></mdb-icon>
    <mdb-side-nav-nav class="text-capitalize actions">
        <mdb-side-nav-item icon="user-circle" to="/my-profile"></mdb-side-nav-item>
        <mdb-side-nav-item icon="sign-out-alt" href="javascript:void(0);" @click.native="openLogoutModal">
        </mdb-side-nav-item>
    </mdb-side-nav-nav>
    <mdb-side-nav-nav class="text-uppercase mt-4 products">
        <mdb-side-nav-item class="mb-4" icon="spa" to="/cropy">CROPY</mdb-side-nav-item>
        <mdb-side-nav-item class="mb-4" icon="chart-line" to="/vincent">VINCENT</mdb-side-nav-item>
        <mdb-side-nav-item icon="adjust" href="javascript:void(0);">SOCIAL</mdb-side-nav-item>
    </mdb-side-nav-nav>
</mdb-side-nav>

toggleSideNav() {
    this.collapsed = !this.collapsed;
    // alert width from dom
    alert(document.getElementById('sideNavContainer').children[0].offsetWidth);
}