I've noticed a significant lag in animation when using the accordion feature on my website. Surprisingly, this issue only seems to occur in Chrome, as other browsers like Edge, Firefox, and even the Android Samsung Browser handle it fine. I attempted to troubleshoot by copying and pasting code directly from the Bootstrap 4 documentation for accordions, but unfortunately, the problem persisted.
Interestingly, I found that using the multiple-targets code from the Bootstrap example worked without any lag issues. It's odd how one feature works smoothly while another causes such significant lag.
Upon further investigation, I discovered that the lag specifically occurs when the page shifts downward to display new content. When I reduced the size of the Chrome tab to 25% of the original size, the animation ran flawlessly. Is there a solution to address this issue and improve the overall performance?