The requested content cannot be loaded. Unexpected response.

The inline content cannot be loaded for a second time.
I’ve noticed that fancybox remove and replace the div content after the inline content was shown.

<a href="#fancybox-457" class="button fancybox-inline">CLICK ME</a>
<div style="display:none" class="fancybox-hidden">
    <div id="fancybox-457" class="overlay-parent" style="width: 90vh; height: 90vh; max-width: 100%;">
        <div class="overlay-top">
            <img src="https://via.placeholder.com/1920x1080">            
        </div>
        <div class="overlay-bottom">
            <h1>Inline title</h1>
            <p>Inline content</p>
        </div>
    </div>
</div>

turns into

<a href="#fancybox-457" class="button fancybox-inline">CLICK ME</a>
<div style="display:none" class="fancybox-hidden">
    <div class="fancybox-inline-tmp" style="display: none;"></div>
</div>

after the popup was shown.

Note that there are several of these in the page, all with different ids though: fancybox-457, fancybox-461, etc.
If I click the same content again and again, for example fancybox-457, it works fine. However, if I click on the others, 461, 463, 467 and came back to 457, it shows

The requested content cannot be loaded. Unexpected response.

Hope the question is clear. Thank you!