Interaction manager resize


#1

I have a problem with the Interaction manager, when I add many filters they leave the main container and it looks like this:

Is there a configuration to fix this behavior?


#2

@ralf actually there is no configuration for that, but you can use a resize observer for the Interaction manager, something like this:

const resizeObserver = new ResizeObserver((entries) => {
    // 55 is the default size of the Interaction manager
    let currentHeight = entries[0].contentRect.height - 55;

    if (currentHeight > 0) {
        // 67 is the default size of your table container
        $("#table-container").css("height", `${67 + currentHeight}px`);
    } else {
        $("#table-container").css("height", "67px");
    }
});

resizeObserver.observe(document.querySelector("#interaction-manager-container"));

So this way, you can change the size of other containers considering the size of the Interaction manager


#3

I see, it looks easy, I’ll use it, thanks for your help