Bug Report: Markdown Lists Not Displaying Properly in Chat Interface #6094
Description
App Version
3.23.16
API Provider
OpenRouter
Model Used
deepseek-v3
Roo Code Task Links (Optional)
No response
🔁 Steps to Reproduce
Bug Report: Markdown Lists Not Displaying Properly in Chat Interface
Description
Markdown ordered lists (numbered) and unordered lists (bulleted) are not displaying correctly in the chat interface. List items appear without bullets, numbers, or proper indentation, making them visually indistinguishable from regular paragraphs.
Expected Behavior
- Unordered lists should display with bullet points (•, ○, ■ for nested levels)
- Ordered lists should display with numbers (1, 2, 3... and a, b, c... for nested levels)
- Lists should have proper indentation and spacing
- Nested lists should work correctly with appropriate styling
Actual Behavior
- Lists appear as plain text without any visual indicators
- No bullets or numbers are shown
- List items look like regular paragraphs
- Nested lists have no visual hierarchy
Example Markdown That Fails to Render Properly
Here are some items:
- First item
- Second item
- Nested item
- Another nested item
And a numbered list:
1. Step one
2. Step two
3. Step three💥 Outcome Summary
Root Cause
The issue is caused by a CSS reset rule in preflight.css that removes all list styles:
ol, ul, menu {
list-style: none;
}While the MarkdownBlock component applies padding and margins to lists, it doesn't restore the list-style-type property that was removed by the reset.
Environment
- Browser: All browsers
- Component:
MarkdownBlockin chat interface - Files affected:
webview-ui/src/components/common/MarkdownBlock.tsx
Screenshots
[If available, include before/after screenshots showing the problem]