Contrib.social

Prevent .frontend-editing-preview-content anchor taking any space on the screen

Open on Drupal.org →
Created on 24 July 2025, about 1 month ago

Problem/Motivation

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.

<div class="frontend-editing-actions" data-entity-type="paragraph" data-once="frontend-editing-processed">
  <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">Preview entity</a>
  <div class="common-actions-container">
    <div class="title-edit-container">
      ..

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.

Steps to reproduce

Proposed resolution

Position .frontend-editing-preview-content absolutely.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

leymannx Berlin

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024