Prevent .frontend-editing-preview-content anchor occupying available space inside the entity markup
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3537818. --> Reported by: [norman.lol](https://www.drupal.org/user/2482808) Related to !123 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>When the preview module is installed and configured for an entity, frontend_editing adds an anchor .frontend-editing-preview-content inside the .frontend-editing-actions wrapper.</p> <pre>&lt;div class="frontend-editing-actions" data-entity-type="paragraph" data-once="frontend-editing-processed"&gt;<br>&nbsp; &lt;a href="/preview/38d341d0-29b8-4715-825d-8d77a5773b69/default" title="Reload content with preview" class="use-ajax frontend-editing-preview-content" data-fe-preview-content="38d341d0-29b8-4715-825d-8d77a5773b69" data-once="ajax"&gt;Preview entity&lt;/a&gt;<br>&nbsp; &lt;div class="common-actions-container"&gt;<br>&nbsp;&nbsp;&nbsp; &lt;div class="title-edit-container"&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ..</pre><p>But since this .frontend-editing-preview-content anchor is not positioned absolutely like all other elements inside the .frontend-editing-actions wrapper, it happens that the .frontend-editing-preview-content anchor takes space on the screen thus messing with CSS defined for the entity.</p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Position .frontend-editing-preview-content absolutely.</p> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <h3 id="summary-ui-changes">User interface changes</h3> <h3 id="summary-api-changes">API changes</h3> <h3 id="summary-data-model-changes">Data model changes</h3>
issue