Skip to content

Content Formatting #19

@saltytostitos

Description

@saltytostitos

I noticed a issue with formatting of the content returned from the models.

REFERENCE: Currently unwrapping the <p /> tag in the MDC Component. This is causing the text to collapse and break formatting. Notice the paragraph below has no paragraph spacing.

Image

The ProseP component has a my-8 (or some number) adding padding, so removing the unwrap fixes some formatting here, but still struggles with copy/paste if pasting into an email.

I am currently over-riding the ProseP component with:

<template>
  <ProseP v-bind="$attrs" class="my-0"><slot /></ProseP><br />
</template>

This seems to make the appearance on screen and the copy/paste to email happy!

Love the chat app!

[edit]

Forgot to mention, the <br /> is kind of sloppy, so it needs to be hidden on the UChatMessages root:

:ui="{
        root: '[&>article]:last-of-type:min-h-auto [&_br:last-child]:hidden',
      }"

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions