Skip to content

Change paragraph to blockquote moves it to the top #296

@TiborBremer

Description

@TiborBremer

Environment

Operating system Windows 10.0.26200
CPU 13th Gen Intel(R) Core(TM) i9-13900K (32 cores)
Node.js version v24.11.1
nuxt/cli version 3.32.0
Package manager npm@11.6.2
Nuxt version 4.2.2
Nitro version 2.13.1
Builder vite@7.3.1
Config compatibilityDate, devtools, modules
Modules @nuxt/content@3.11.0, nuxt-studio@1.1.1

Version

V1.1.1

Reproduction

Create a new nuxt project with the content template:

  1. npm create nuxt@latest
  2. npx nuxt module add nuxt-studio

Modify about.md as follows

---
title: About Content Version 3
description: Back home
---

# About Content Version 3

[Back home](/)

::div
text 1

text 2

text 3
::

Description

When running the site and making text 2 a blockquote moves it to the top

Image

The editor on the left side has the correct order but the rendering on the right does not. Also the md file is saved with the quote on top:

---
title: About Content Version 3
description: Back home
---

# About Content Version 3

[Back home](/)

::div
> text 2

text 1

text 3
::

Additional context

This only happens when wrapped in a component. Here it is div but u-container has the same problem.

Workaround:
Manually wrap the moving block in a div allows it to stay in the correct place. But this is tedious and error prone as you first need to wrap it before making it a blockquote

::div
text 1

::div
> text 2
::

text 3
::

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions