Scroll problem on Angular Demo 5

I'm glad to hear it worked perfectly!

Thank you, Thiago Pires.

Hi Thiago Pires

Sorry for the delay.

we need to adjust the padding of the #kt_wrapper div when navigating from the error screen to a content-heavy page. This can be done that the padding is reset or adjusted appropriately when the sidebar is toggled or when navigating between pages.

Here’s a simplified code update to the MenuComponent.ts file, where we can add logic to handle the padding of the #kt_wrapper div:

/demo5/src/app/_metronic/kt/components/MenuComponent.ts

...

private _toggle = () => {

    if (EventHandlerUtil.trigger(this.element, "kt.drawer.toggle") === false) {

        return

    }



    if (this.shown) {

        this._hide()

    } else {

        this._show()

    }



    // Adjust padding of #kt_wrapper based on sidebar visibility

    const wrapper = document.getElementById("kt_wrapper");

    if (wrapper) {

        if (this.shown) {

            wrapper.style.paddingLeft = "225px"; // Adjust as necessary

        } else {

            wrapper.style.paddingLeft = "0"; // Reset padding when hidden

        }

    }

}

...

Hi Thiago Pires,

Apologies for the delay, and thank you for your feedback. We will investigate the issue and work on a fix. Currently, there is no available workaround, but we’ll keep you updated as soon as we have a solution.

Thanks