Skip to content

e2e-chatbot-app-next: markdown list markers missing (Tailwind v4 does not scan node_modules for Streamdown classes) #253

Description

@AndreasJaeck

Summary

Ordered and unordered lists in assistant markdown render with no bullets and no numbers.

Root cause

client/src/index.css L2 is @import "tailwindcss"; (Tailwind v4) and the file declares no @source.

Tailwind v4 excludes node_modules from automatic class scanning. Streamdown (streamdown@^1.4.0) emits the list utilities — list-disc, list-decimal and friends — from inside node_modules/streamdown/dist/*.js, so Tailwind never sees those class names and never generates the corresponding CSS.

Meanwhile Tailwind's Preflight resets ul / ol to list-style: none. The reset lands, the utilities that would restore the markers do not, and the markers disappear.

Reproduction

  1. Run e2e-chatbot-app-next.
  2. Ask the model for a bulleted or a numbered list.
  3. The list items render as unmarked lines.

Fix

Add an explicit source directive to client/src/index.css after the Tailwind import:

@import "tailwindcss";
@source "../../node_modules/streamdown/dist/*.js";

This is what we run with and it restores markers for both list types.

Versions

  • Template e2e-chatbot-app-next at ab30424be796009d34a0b760c25395211fe08e91
  • streamdown@^1.4.0, Tailwind CSS v4

Happy to send a PR.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions