I found I could resolve the problem described in the second paragraph of my previous comment by using a DraG Handle. Actually I don't really know if it was the Drag Handle which solved the problem or something else I did in a lot of experimenting but I'm too lazy to go back and check that.

Hi Hien Unfortunately the version on Stackblitz does not work because the version of bootstrap it uses requires JQuery. It can be made to work by changing the version numbers in index.html from 3.4.1 to 5.2.3 (this is the only version I tested). The version in Stablitz uses Angular 10 and it works nicely (once the change in the previous paragraph is made). I am trying to do the same thing in Angular 14 and when I release the mouse at the end of the drag the dragged expansion panel changes it's state (from closed to open or open to closed). This is very annoying and I have not been able to find a way round it. Do you know of any way to return to the way it works with Angular 10? Best regards WIlliam