Card component elements' display order is reverse in layout builder content preview

Created on 22 August 2025, 27 days ago

Problem/Motivation

Add an element using card component via Layout builder and display the preview of the content.
The header card elements is displayed after the card content :

When you are viewing the component not in layout builder preview, the card displays correcly :

Steps to reproduce

Proposed resolution

The code responsible of this behaviour seems to be a css library override in overrides.css of ui_suite dsfr theme :

.layout-builder__section .fr-card * {
  order: unset;
}

Why was this CSS originally written?
Is it possible to remove it?

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

1.14

Component

Code

Created by

🇫🇷France maboy

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

Comments & Activities

Production build 0.71.5 2024