Handling scroll issues in Angular Demo 5 requires a thorough approach. I focus on debugging CSS overflow settings, ensuring smooth scrolling behavior with Angular’s built-in directives. Utilizing full stack developer course in Trivandrum event listeners and optimizing performance with virtual scrolling can significantly enhance the user experience, preventing lag and improving navigation fluidity.

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