re-init readmore element when bricks tabs open

footer-scripts.html

<script>

document.addEventListener('DOMContentLoaded', () => {

    const tabWrapper = document.querySelector('#brxe-922794'); /* ID of nestable tabs element */
    if (!tabWrapper) return;

    const tabPanes = tabWrapper.querySelectorAll('.tab-pane');
    const observer = new MutationObserver((mutations) => {

        mutations.forEach((mutation) => {

            if (
                mutation.type === 'attributes' &&
                mutation.attributeName === 'class'
            ) {
                const pane = mutation.target;

                if (pane.classList.contains('brx-open')) {

                    const tabPanel = pane;

                    if (tabPanel.querySelector('.x-read-more_content')) {

                        tabPanel.querySelectorAll('.x-read-more_content').forEach(readMore => {
                            readMore.style.removeProperty('height')
                            readMore.style.removeProperty('max-height')
                            readMore.classList.remove('x-read-more_not-collapsable')
                        })
                        setTimeout(() => {
                            if (typeof doExtrasReadmore == 'function') {
                                doExtrasReadmore(tabPanel)
                                window.dispatchEvent(new Event('resize'))
                            }
                        }, 0)
                    }

                }

            }

        });

    });

    tabPanes.forEach((pane) => {
        observer.observe(pane, {
            attributes: true,
            attributeFilter: ['class']
        });

    });
});

</script>