Problem With Drawer
Version: Metronic HTML v8.2.5 Demo1
Problem, page: https://preview.keenthemes.com/metronic8/demo1/apps/customers/list.html
SS: https://prnt.sc/pVKUNxqzVB5O (open mobile and click chat)
Workaround: The issue is that it causes the width of the page to be calculated differently as the page loads. In this page, this is caused by DataTable. For example, this problem does not exist on the home page. Chat works fine there.
The solution I implemented was by putting the KTComponents.init() code in scripts.bundle.js into the JQuery ready event.
Strangely, the "document.addEventListener("DOMContentLoaded",..........." code does not work here, I don't understand it. That's why I used JQuery.
Thanks.
Replies (14)
PH143 is an innovative online gaming platform that caters to players seeking an exciting and diverse gaming experience. With its sleek and modern interface, PH143 ensures that both new and experienced gamers can easily navigate through a vast array of game options. The platform is designed with user engagement in mind, featuring high-quality graphics and smooth gameplay that allow players to fully immerse themselves in their gaming adventures. Whether you’re looking to relax with a casual game or tackle a challenging quest, PH143 has something for everyone.
Website: https://ph143.online
Experience Mahjong Ways 2, a favorite slot game by PG Soft. Enjoy high winning probabilities, attractive visuals, and easy gameplay. Each spin offers fantastic animations. Play at Zeus4d, the official partner, for the best winning rates and a fair gaming experience.mahjong ways 2
Discover the excitement of slot deposit 1000 at Zeus4d. Deposit just 1000 rupiah and enjoy high win rates. Our site offers a seamless gaming experience with Dana digital wallet support. Turn your small investment into big rewards. Start playing today!slot deposit 1000 tanpa potongan
Nice to read your article! I am looking forward to sharing your adventures and experiences.pg soft slots
Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post.dota slot
Di era digital yang semakin maju, permainan slot online telah menjadi hiburan yang sangat populer dan diminati banyak orang. Di antara berbagai pilihan yang ada, slot88 di ATLAS77 muncul sebagai bintang yang bersinar terang, membawa inovasi, keseruan, dan peluang besar bagi para pemain. Penasaran? Ayo daftarkan diri Anda sekarang!
Hi,
Please try to use KTUtil's dom ready event handler for your logic:
KTUtil.onDOMContentLoaded(function () {
// your code goes here...
});Regards.
Hi,
File: scripts.bundle.js
Working code: https://prnt.sc/LBZhlvh_2JIa
Not Working 1: https://prnt.sc/RS1npX0GX10v
Not Working 2: https://prnt.sc/Qv7ZQ3m8Z6gB
I don't want to use jQuery.
When will you release an update regarding this issue?
Hi,
Are you putting the init code after all core js include, at the bottom of your page as a custom script ? For example custom-init.js.
I think the issue is related to datatable loading.
Can you try to use responsive datatable so that during the loading it won't break the page head and lead to width miscalculation for drawers? You can try to wrap the datatable with a div and use table-responsive class for it.
Regards.
Hi,
You can see the problem live from here: https://preview.keenthemes.com/metronic8/demo1/apps/customers/list.html
Hi,
As a workaround for the issue can you try to use data-kt-drawer-width="{default:'300px', 'lg': '500px'}" attribute instead?
Regards.
Hi,
Absolutely dude! This fixed it and it worked!
Thanks <3
Hi 
,
Glad to hear that. All the best with your projects.
Regards.
